*{box-sizing:border-box}
:root{--gold:#d6ad58;--gold-bright:#f5df9c;--gold-dim:#876020;--bg:#080807;--text:#f3eee2}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:"Vazirmatn",sans-serif;overflow-x:hidden;min-height:100vh;position:relative}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 39%,rgba(158,108,28,.13),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.05),#080807 96%);z-index:0}
.scene-glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.16;z-index:0}
.scene-glow-one{width:370px;height:370px;background:#c58c2a;top:12%;left:-180px}
.scene-glow-two{width:330px;height:330px;background:#8b5e18;bottom:0;right:-180px}
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.grain{position:fixed;inset:-50%;z-index:2;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}
.page-shell{position:relative;z-index:3;min-height:100vh;max-width:1500px;margin:auto;padding:27px 5.2vw 20px;display:flex;flex-direction:column}
.topbar,.footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.wordmark{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;direction:ltr}
.wordmark-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(226,190,104,.72);transform:rotate(45deg);color:var(--gold-bright);font:700 26px Cinzel,serif;box-shadow:inset 0 0 18px #d6ad5818,0 0 20px #d6ad5810}
.wordmark-mark::first-letter{transform:rotate(-45deg)}
.wordmark-text{font:700 16px Cinzel,serif;letter-spacing:2px}
.wordmark-text small{display:block;color:#9c8657;font-size:8px;letter-spacing:4px;margin-top:3px}
.status{font-size:10px;letter-spacing:1.8px;color:#a99b7d;direction:ltr;display:flex;align-items:center;gap:9px}
.status i,.live-dot{width:6px;height:6px;border-radius:50%;background:#d4b365;box-shadow:0 0 11px #e2bc64;display:inline-block;animation:pulse 1.8s infinite}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 0 27px}
.emblem-wrap{position:relative;width:min(360px,73vw);height:220px;display:flex;align-items:center;justify-content:center;margin:0 auto 2px}
.emblem-ring{position:absolute;border:1px solid rgba(208,167,76,.21);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring-outer{width:210px;height:210px;border-style:dashed;animation:rotate 70s linear infinite}
.ring-inner{width:174px;height:174px;border-color:rgba(243,214,139,.32);box-shadow:0 0 35px #c28c2b0c,inset 0 0 30px #c28c2b0b}
.emblem-crosshair{position:absolute;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);opacity:.75}
.crosshair-a{top:18px;left:50%}.crosshair-b{bottom:18px;left:50%}
.eagle{width:min(330px,68vw);height:auto;max-height:220px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 18px #c38b2d2b);animation:eagleFloat 5s ease-in-out infinite}
.emblem-label{position:absolute;bottom:1px;font:10px Cinzel,serif;letter-spacing:4px;color:#8b713e}
.eyebrow{margin:17px 0 6px;color:#b79a5d;font:10px Cinzel,serif;letter-spacing:4px;display:flex;align-items:center;gap:13px;direction:ltr}
.eyebrow span{display:block;width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}
.eyebrow span:last-child{transform:rotate(180deg)}
.brand-title{font:800 clamp(58px,9vw,105px)/1 Cinzel,serif;letter-spacing:7px;margin:8px 0 8px;color:#f0d58e;text-shadow:0 0 35px #d8ad5421;background:linear-gradient(180deg,#fff2be 4%,#d5ae5d 45%,#8e641f 90%);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr}
.brand-title span{font-size:.52em;letter-spacing:3px;color:#b88c3d}
.title-rule{display:flex;align-items:center;gap:13px;color:#947743;font:9px Cinzel,serif;letter-spacing:3.2px;direction:ltr}
.title-rule i{display:block;width:43px;height:1px;background:linear-gradient(90deg,transparent,#b89143)}
.title-rule i:last-child{transform:rotate(180deg)}
.coming-title{font-size:clamp(20px,3vw,29px);font-weight:600;letter-spacing:-.5px;margin:26px 0 9px;color:#f8f0dd}
.description{font-size:13px;line-height:2.1;color:#9e9788;font-weight:300;margin:0 0 24px}
.countdown-card{width:min(610px,100%);border:1px solid rgba(198,157,68,.29);background:linear-gradient(135deg,rgba(28,24,16,.77),rgba(11,10,8,.86));box-shadow:0 18px 80px #0008,inset 0 0 40px #c18b2a08;padding:19px 25px 16px;position:relative}
.countdown-card:before,.countdown-card:after{content:"";position:absolute;width:28px;height:28px;border-color:#d5b568;border-style:solid;opacity:.7}
.countdown-card:before{top:-1px;right:-1px;border-width:1px 1px 0 0}
.countdown-card:after{bottom:-1px;left:-1px;border-width:0 0 1px 1px}
.countdown-heading{display:flex;align-items:center;gap:10px;color:#b9a77f;font-size:11px;margin-bottom:17px}
.heading-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,#6e562c)}
.countdown{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3.3vw,27px);direction:ltr}
.time-unit{min-width:68px;display:flex;flex-direction:column;align-items:center;gap:5px}
.time-unit strong{font:600 clamp(32px,5.3vw,48px)/1 Cinzel,serif;letter-spacing:1px;color:#f0d58e;text-shadow:0 0 24px #d4aa4d1c;font-variant-numeric:tabular-nums}
.time-unit span{font-size:10px;color:#9d8b62}
.separator{font:300 25px Cinzel,serif;color:#6e552b;transform:translateY(-7px)}
.launch-date{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #d5ad5821;margin-top:18px;padding-top:14px;color:#c8b78f;font-size:11px}
.launch-date svg{width:15px;height:15px;fill:none;stroke:#c9a552;stroke-width:1.5}
.date-divider{height:13px;width:1px;background:#7a6131;margin:0 3px}
.bottom-note{display:flex;align-items:center;gap:14px;color:#796744;font:9px Cinzel,serif;letter-spacing:3px;direction:ltr;margin-top:25px}
.note-line{height:1px;width:44px;background:linear-gradient(90deg,transparent,#755a2c)}
.note-line:last-child{transform:rotate(180deg)}
.footer{border-top:1px solid #d6ad581c;padding-top:17px;color:#736a57;font:8px Cinzel,serif;letter-spacing:1.4px;direction:ltr}
.footer-center{display:flex;align-items:center;gap:8px;color:#9a8352}
.footer-center i{height:3px;width:3px;border-radius:50%;background:#b9974e}
.footer b{font-size:8px;color:#b9974e;margin-left:7px}
@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes eagleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 10px #e2bc64}50%{opacity:.45;box-shadow:0 0 2px #e2bc64}}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
@media(min-height:950px){.hero{padding-top:35px;padding-bottom:42px}.emblem-wrap{height:250px;width:400px}.eagle{width:360px;max-height:240px}.ring-outer{width:230px;height:230px}.ring-inner{width:192px;height:192px}}
@media(max-width:600px){.page-shell{padding:19px 20px 15px}.status{font-size:8px;letter-spacing:1px}.wordmark-mark{width:34px;height:34px;font-size:21px}.wordmark-text{font-size:13px}.emblem-wrap{height:185px;margin-top:8px}.ring-outer{width:175px;height:175px}.ring-inner{width:145px;height:145px}.eagle{width:min(285px,74vw);max-height:190px}.emblem-label{bottom:0}.eyebrow{font-size:8px;letter-spacing:2px}.brand-title{font-size:clamp(48px,14vw,76px);letter-spacing:4px}.title-rule{font-size:7px;letter-spacing:2px}.title-rule i{width:25px}.coming-title{margin-top:22px}.description{font-size:11px;margin-bottom:20px}.desktop-break{display:none}.countdown-card{padding:16px 10px 14px}.countdown-heading{font-size:10px}.countdown{gap:clamp(6px,2vw,12px)}.time-unit{min-width:0;flex:1}.time-unit strong{font-size:clamp(27px,8vw,39px)}.time-unit span{font-size:9px}.separator{font-size:20px}.launch-date{font-size:9px;gap:7px;flex-wrap:wrap}.bottom-note{margin-top:22px;font-size:8px;letter-spacing:2px}.note-line{width:25px}.footer{font-size:7px;letter-spacing:.6px;gap:7px;flex-wrap:wrap}.footer-center{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
