:root{--banner-gold: #d4af37;--banner-gold-light: #f0d86e;--banner-gold-dark: #aa8c2c;--banner-transition: 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1)}#banner,#banner *,#banner *::before,#banner *::after{box-sizing:border-box}#banner{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(1.5rem,4vw,4rem) clamp(.8rem,3vw,1.5rem);margin:1rem auto;width:100%;max-width:min(650px,90vw);min-width:0;border-radius:clamp(16px,3vw,28px);border:1px solid var(--banner-gold);background:radial-gradient(circle at 25% 30%, rgba(212, 175, 55, 0.07) 1.2px, transparent 1.2px),linear-gradient(-145deg, rgba(10, 8, 5, 0.94), rgba(20, 16, 10, 0.96), rgba(10, 8, 5, 0.94));background-size:28px 28px,100% 100%;border:1px solid var(--banner-gold);box-shadow:0 25px 45px -12px rgba(0,0,0,.7),0 0 20px rgba(212,175,55,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:bannerFadeIn .6s ease-out;isolation:isolate;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);animation:bannerFadeIn .5s ease-out;isolation:isolate}@keyframes bannerFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(hover: hover)and (pointer: fine){#banner:hover{transform:translateY(-3px);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)}}#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:1;border-radius:inherit}@keyframes shimmerMove{0%{background-position:-100% 0}100%{background-position:300% 0}}@media(prefers-reduced-motion: reduce){#banner::before{animation:none}#banner{animation:none}}#banner::after{content:"";position:absolute;inset:clamp(4px,1vw,8px);border:1px solid rgba(212,175,55,.35);border-radius:clamp(12px,2vw,20px);pointer-events:none;z-index:1;transition:border-color .3s ease}@media(hover: hover)and (pointer: fine){#banner:hover::after{border-color:rgba(212,175,55,.7)}}#banner .decorative-corners{position:absolute;width:clamp(32px,8vw,72px);height:clamp(32px,8vw,72px);border:2px solid var(--banner-gold);z-index:2;filter:drop-shadow(0 0 5px var(--banner-gold));transition:filter .25s ease;box-sizing:border-box}@media(hover: hover)and (pointer: fine){#banner:hover .decorative-corners{filter:drop-shadow(0 0 12px var(--banner-gold))}}#banner .decorative-corners::before{content:"";position:absolute;inset:clamp(3px,.8vw,6px);border:1px solid var(--banner-gold-light);border-radius:clamp(8px,2vw,12px);opacity:.6;box-sizing:border-box}#banner .decorative-corners.top-left{top:clamp(8px,2vw,16px);right:clamp(8px,2vw,16px);border-left:none;border-bottom:none;border-radius:0 clamp(16px,3vw,28px) 0 0}#banner .decorative-corners.top-right{top:clamp(8px,2vw,16px);left:clamp(8px,2vw,16px);border-right:none;border-bottom:none;border-radius:clamp(16px,3vw,28px) 0 0 0}#banner .decorative-corners.bottom-left{bottom:clamp(8px,2vw,16px);right:clamp(8px,2vw,16px);border-left:none;border-top:none;border-radius:0 0 clamp(16px,3vw,28px) 0}#banner .decorative-corners.bottom-right{bottom:clamp(8px,2vw,16px);left:clamp(8px,2vw,16px);border-right:none;border-top:none;border-radius:0 0 0 clamp(16px,3vw,28px)}#banner .floated-buttons{position:absolute;top:clamp(6px,1.5vw,12px);left:clamp(8px,2vw,16px);display:flex;flex-wrap:wrap;gap:clamp(4px,1vw,8px);z-index:10}#banner .floated-buttons a,#banner .floated-buttons button{padding:clamp(3px,1vw,6px) clamp(8px,2vw,14px);border-radius:40px;font-size:clamp(.65rem,1.5vw,.85rem);font-weight:600;background:rgba(0,0,0,.65);color:#f5e6c9;border:1px solid rgba(212,175,55,.5);text-decoration:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .2s ease,background .2s ease,box-shadow .2s;letter-spacing:.3px;cursor:pointer;white-space:nowrap;line-height:1.2}@media(hover: hover)and (pointer: fine){#banner .floated-buttons a:hover,#banner .floated-buttons button: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 #banner-content{position:relative;z-index:5;width:100%;max-width:100%;min-width:0;font-family:"Amiri","Vazirmatn","Segoe UI",system-ui,serif;font-size:clamp(.85rem,2vw,1.05rem) !important;font-weight:350;color:#fff;line-height:1.8;letter-spacing:.02em;margin:0;padding:0 .25rem;word-break:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;white-space:normal;text-shadow:0 .1em .3em rgba(0,0,0,.8),0 0 .6em rgba(212,175,55,.6)}@media(hover: hover)and (pointer: fine){#banner:hover #banner-content{text-shadow:0 0 1em rgba(212,175,55,.8),0 .1em .3em #000}}#banner #banner-content p{margin:.5em 0;word-break:break-word;overflow-wrap:break-word;max-width:100%}#banner .divider{width:min(200px,70%);height:2px;background:linear-gradient(-90deg, transparent, var(--banner-gold), var(--banner-gold-light), var(--banner-gold), transparent);margin:clamp(.5rem,2vw,1rem) auto;position:relative;z-index:5;border-radius:2px;opacity:.85}#banner .divider::before,#banner .divider::after{content:"✦";position:absolute;top:clamp(-10px,-2vw,-12px);color:var(--banner-gold-light);font-size:clamp(.6rem,1.5vw,1rem);text-shadow:0 0 6px gold;background:rgba(0,0,0,0)}#banner .divider::before{right:clamp(-16px,-3vw,-24px)}#banner .divider::after{left:clamp(-16px,-3vw,-24px)}#banner .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:clamp(20px,4vw,32px) clamp(20px,4vw,32px);opacity:.25;pointer-events:none;z-index:1;border-radius:inherit}@media(min-width: 769px){#banner{max-width:650px;padding:2rem 2rem}#banner #banner-content{font-size:1.15rem}}@media(max-width: 768px){#banner{padding:clamp(1.2rem,3vw,2rem) clamp(.7rem,2vw,1rem);margin:.5rem auto;width:calc(100% - .8rem);max-width:100%;border-radius:clamp(12px,2.5vw,20px)}#banner #banner-content{font-size:clamp(.9rem,2.2vw,1.2rem);line-height:1.7;padding:0 .2rem}#banner .floated-buttons{gap:4px}#banner .floated-buttons a,#banner .floated-buttons button{padding:3px 8px;font-size:.7rem}#banner::after{inset:clamp(3px,1vw,5px);border-radius:clamp(10px,2vw,16px)}}@media(max-width: 540px){#banner{padding:clamp(1rem,2.5vw,1.5rem) clamp(.6rem,2vw,.8rem);margin:.4rem auto;width:calc(100% - .6rem);border-radius:10px}#banner #banner-content{font-size:clamp(.85rem,2vw,1rem);line-height:1.6;letter-spacing:.01em}#banner #banner-content p{margin:.4em 0}#banner .floated-buttons{top:4px;left:6px;gap:3px}#banner .floated-buttons a,#banner .floated-buttons button{padding:2px 6px;font-size:.6rem;border-radius:30px}#banner .divider::before,#banner .divider::after{font-size:.6rem;top:-8px}#banner .divider::before{right:-14px}#banner .divider::after{left:-14px}#banner::after{inset:3px;border-radius:8px}}@media(max-width: 360px){#banner{padding:.8rem .5rem;width:calc(100% - .4rem);border-radius:8px}#banner #banner-content{font-size:.8rem;line-height:1.5;padding:0 .15rem}#banner .floated-buttons{gap:2px}#banner .floated-buttons a,#banner .floated-buttons button{padding:2px 5px;font-size:.55rem}#banner .decorative-corners{width:24px;height:24px}}@media(max-height: 500px)and (orientation: landscape){#banner{padding:1rem 1.5rem;min-height:auto}#banner #banner-content{font-size:.9rem;line-height:1.4}}@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){#banner{background:linear-gradient(-145deg, #0a0a0a, #1a1a1a);border:1px solid var(--banner-gold-dark)}}@media(prefers-contrast: high){#banner{border-width:2px;border-color:gold;backdrop-filter:none;-webkit-backdrop-filter:none;background:#000}#banner #banner-content{text-shadow:none;color:#ffd966;font-weight:500}}@media print{#banner{border:1px solid #000;background:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}#banner::before,#banner::after,#banner .decorative-corners,#banner .pattern-overlay{display:none !important}#banner #banner-content{color:#000 !important;text-shadow:none !important}}