
:root{
  --bg:#070a0f;--panel:#0d131c;--panel2:#111827;--text:#f7fafc;--muted:#94a3b8;
  --line:#1f2937;--blue:#0ea5e9;--blue2:#2563eb;--blue3:#0284c7;--ok:#22c55e;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{overflow-x:hidden}
body{margin:0;background:
radial-gradient(circle at 50% -10%,rgba(14,165,233,.16),transparent 34%),
linear-gradient(180deg,#070a0f 0%,#090d14 55%,#070a0f 100%);
color:var(--text);font-family:"Vazirmatn FD","Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.9}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(1120px,92vw);margin:auto}
header{height:82px;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);background:rgba(7,10,15,.72);position:sticky;top:0;z-index:20}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand img{width:168px;height:56px;object-fit:contain}
.badge{font-size:13px;color:#bae6fd;border:1px solid rgba(14,165,233,.25);background:rgba(14,165,233,.08);padding:8px 13px;border-radius:999px}
.hero{padding:90px 0 70px;text-align:center}
.hero-logo{width:min(560px,88vw);margin:0 auto 30px;filter:drop-shadow(0 24px 80px rgba(14,165,233,.12))}
.eyebrow{display:inline-block;font-size:13px;color:#7dd3fc;letter-spacing:.13em;margin-bottom:18px}
h1{font-size:clamp(34px,6vw,68px);line-height:1.25;margin:0 0 18px;font-weight:800}
.lead{max-width:760px;margin:0 auto;color:#cbd5e1;font-size:clamp(16px,2vw,19px)}
.countdown{direction:ltr;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:720px;margin:42px auto 26px}
.timebox{background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(13,19,28,.94));border:1px solid #243042;border-radius:18px;padding:19px 10px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.num{font-size:clamp(30px,5vw,54px);font-weight:800;line-height:1.1;background:linear-gradient(180deg,#fff,#7dd3fc);-webkit-background-clip:text;color:transparent}
.lbl{font-size:12px;color:#8190a4;margin-top:8px;direction:rtl}
.signup{max-width:690px;margin:36px auto 0;background:rgba(13,19,28,.72);border:1px solid #202b3a;border-radius:22px;padding:18px}
.signup-row{display:flex;gap:10px}
.signup input{flex:1;min-width:0;background:#080d14;border:1px solid #263244;color:#fff;border-radius:14px;padding:15px 16px;font:inherit;outline:none}
.signup input:focus{border-color:var(--blue)}
.signup button{border:0;border-radius:14px;padding:0 24px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font:700 15px inherit;cursor:pointer}
.signup small{display:block;color:#738196;margin-top:9px}
.msg{margin-top:10px;font-size:14px}
.seo-copy{padding:42px 0 88px}
.copy-card{max-width:880px;margin:auto;padding:28px;border:1px solid #1e293b;background:rgba(15,23,42,.56);border-radius:20px}
.copy-card h2{font-size:24px;margin:0 0 12px}.copy-card p{color:#aeb9c8;margin:0}
footer{border-top:1px solid rgba(255,255,255,.06);padding:24px 0;color:#718096;font-size:13px}
.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:680px){
 header{height:72px}.brand img{width:145px}.hero{padding-top:56px}
 .countdown{gap:8px}.timebox{border-radius:14px;padding:15px 6px}.signup-row{flex-direction:column}
 .signup button{height:50px}.copy-card{padding:22px}
}

.container,.hero,.seo-copy,header,main,footer{max-width:100%}

.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{direction:ltr;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:36px;padding:0 11px;border-radius:10px;border:1px solid #263244;background:#0b111a;color:#cbd5e1;font:700 12px Arial,sans-serif}.lang-switch:hover{border-color:#0ea5e9;color:#7dd3fc}
html[lang="en"] body{font-family:"Segoe UI",Arial,sans-serif;line-height:1.7}
html[lang="en"] .lead,html[lang="en"] .copy-card,html[lang="en"] .signup{direction:ltr}
