:root{--banner-gold: #d4af37;--banner-gold-light: #f0d86e;--banner-gold-dark: #aa8c2c;--banner-bg-dark: rgba(0, 0, 0, 0.92);--banner-bg-light: rgba(18, 18, 18, 0.96);--banner-transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1);--banner-glow: 0 0 12px rgba(212, 175, 55, 0.5)}.banner,#banner{box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:6rem 1.8rem;margin:1rem auto 1.5rem auto;width:100%;max-width:1000;border-radius:28px;border:1px solid var(--banner-gold);background:linear-gradient(-135deg, rgba(0, 0, 0, 0.88) 0%, rgba(25, 20, 15, 0.94) 50%, rgba(0, 0, 0, 0.88) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px -12px rgba(0,0,0,.6),0 0 0 1px rgba(212,175,55,.2) inset,0 0 18px rgba(212,175,55,.2);transition:var(--banner-transition);animation:bannerFadeIn .5s ease-out}@keyframes bannerFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.banner:hover,#banner:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 28px 44px -16px rgba(0,0,0,.8),0 0 0 2px rgba(212,175,55,.5) inset,0 0 32px rgba(212,175,55,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.banner::before,#banner::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-105deg, transparent, transparent 35%, rgba(212, 175, 55, 0.05) 48%, rgba(212, 175, 55, 0.08) 52%, transparent 65%, transparent);background-size:200% 100%;animation:shimmerMove 12s infinite linear;pointer-events:none;z-index:0;border-radius:inherit}@keyframes shimmerMove{0%{background-position:-100% 0}100%{background-position:300% 0}}@media(prefers-reduced-motion: reduce){.banner::before,#banner::before{animation:none;display:none}}.banner::after,#banner::after{content:"";position:absolute;inset:8px;border:1px solid rgba(212,175,55,.35);border-radius:20px;pointer-events:none;z-index:1;transition:opacity .3s ease}.banner:hover::after,#banner:hover::after{border-color:rgba(212,175,55,.7);opacity:.8}.decorative-corners{position:absolute;width:72px;height:72px;border:2px solid var(--banner-gold);z-index:2;filter:drop-shadow(0 0 5px var(--banner-gold));transition:all .25s ease}.banner:hover .decorative-corners,#banner:hover .decorative-corners{filter:drop-shadow(0 0 12px var(--banner-gold))}.decorative-corners::before{content:"";position:absolute;inset:6px;border:1px solid var(--banner-gold-light);transform:scale(0.85);opacity:.6;border-radius:12px}.decorative-corners.top-left{top:16px;right:16px;border-left:none;border-bottom:none;border-radius:0 28px 0 0}.decorative-corners.top-right{top:16px;left:16px;border-right:none;border-bottom:none;border-radius:28px 0 0 0}.decorative-corners.bottom-left{bottom:16px;right:16px;border-left:none;border-top:none;border-radius:0 0 28px 0}.decorative-corners.bottom-right{bottom:16px;left:16px;border-right:none;border-top:none;border-radius:0 0 0 28px}.floated-buttons{position:absolute;top:12px;left:16px;display:flex;gap:8px;z-index:10}.floated-buttons a{padding:6px 14px;border-radius:40px;font-size:.85rem;font-weight:600;background:rgba(0,0,0,.65);color:#f5e6c9;border:1px solid rgba(212,175,55,.5);text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s ease,background .2s ease,box-shadow .2s;letter-spacing:.3px}.floated-buttons a:hover{background:rgba(139,0,0,.8);border-color:var(--banner-gold-light);transform:scale(1.06);box-shadow:0 0 12px rgba(212,175,55,.4);color:#fff}.banner-content,#banner-content{position:relative;z-index:5;width:100%;max-width:900px;font-family:"Amiri","Vazirmatn","Segoe UI",system-ui,serif;font-size:clamp(1.3rem,5vw,1.5rem);font-weight:400;color:#fff;line-height:1.5;letter-spacing:.02em;margin:0 0 .5rem 0;text-shadow:0 2px 5px rgba(0,0,0,.8),0 0 12px rgba(212,175,55,.6);transition:text-shadow .3s}.banner:hover .banner-content,#banner:hover #banner-content{text-shadow:0 0 18px rgba(212,175,55,.8),0 2px 6px #000}.banner-content+p,#banner-content+p{position:relative;z-index:5;color:#e0d6c0;font-size:clamp(.9rem,4vw,1.2rem);font-weight:400;margin-top:.5rem;margin-bottom:0;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.95}.divider{width:min(200px,70%);height:2px;background:linear-gradient(-90deg, transparent, var(--banner-gold), var(--banner-gold-light), var(--banner-gold), transparent);margin:1rem auto;position:relative;z-index:5;border-radius:2px;opacity:.85}.divider::before,.divider::after{content:"✦";position:absolute;top:-12px;color:var(--banner-gold-light);font-size:1rem;text-shadow:0 0 6px gold;background:rgba(0,0,0,0)}.divider::before{right:-24px}.divider::after{left:-24px}.pattern-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%, rgba(212, 175, 55, 0.08) 1.5px, transparent 1.5px);background-size:32px 32px;opacity:.25;pointer-events:none;z-index:1;border-radius:inherit}@media(max-width: 768px){.banner,#banner{padding:1rem .9rem;margin:.5rem auto;width:calc(100% - 1rem);max-width:100%;border-radius:20px}.decorative-corners{width:48px;height:48px}.decorative-corners::before{inset:4px}.floated-buttons{top:8px;left:10px;gap:4px}.floated-buttons a{padding:4px 10px;font-size:.7rem}.banner::after,#banner::after{inset:5px;border-radius:16px}}@media(max-width: 540px){.banner,#banner{padding:.8rem .7rem;margin:.4rem auto;width:calc(100% - .8rem)}.decorative-corners{width:38px;height:38px}.divider::before,.divider::after{font-size:.7rem;top:-8px}.divider::before{right:-16px}.divider::after{left:-16px}}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.banner,#banner{background:linear-gradient(-145deg, #0a0a0a, #1a1a1a);border:1px solid var(--banner-gold-dark)}}@media(prefers-contrast: high){.banner,#banner{border-width:2px;border-color:gold;-webkit-backdrop-filter:none;backdrop-filter:none;background:#000}.banner-content,#banner-content{text-shadow:none;color:#ffd966}}