:root{
  --bg:#050608;--ink:#e9eef2;--muted:#aebbc3;--accent:#8eb2ff;--ring:rgba(142,178,255,.45);--panel:#0b0f12;--stroke:#141a20;
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(1120px,92%);margin:0 auto}
.header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(5,6,8,.85),rgba(5,6,8,.35));backdrop-filter:blur(8px) saturate(1.1);border-bottom:1px solid var(--stroke)}
.header .bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:28px;height:28px}.brand span{font-weight:700;letter-spacing:.2px}
.hero{position:relative;min-height:72vh;display:flex;align-items:center;border-bottom:1px solid var(--stroke);overflow:hidden;background:radial-gradient(1200px 700px at 20% -10%,rgba(142,178,255,.08),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(142,178,255,.06),transparent 60%),linear-gradient(180deg,rgba(9,12,15,.7),rgba(5,7,9,.9))}
.hero::before{content:"";position:absolute;inset:-2px;background-image:url('assets/diabase-texture.webp');background-size:cover;background-position:center;opacity:.22;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 500px at 50% -10%,rgba(255,255,255,.10),transparent 60%),radial-gradient(1200px 600px at 50% 110%,rgba(0,0,0,.55),transparent 60%);mix-blend-mode:overlay;pointer-events:none}
.hero .content{position:relative;z-index:1;padding:68px 0 92px}
.kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;margin-bottom:12px}
.title{font-size:clamp(44px,6.6vw,76px);line-height:1.04;margin:0 0 12px;font-weight:800;letter-spacing:-.01em}
.sub{max-width:760px;color:#c9d5dc;font-size:clamp(16px,2.2vw,20px);margin:0}
.wait{padding:54px 0 100px}
.panel{position:relative;background:linear-gradient(180deg,rgba(20,26,32,.65),rgba(12,16,20,.65));border:1px solid var(--stroke);border-radius:18px;padding:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 20px 60px -30px rgba(0,0,0,.6);backdrop-filter:blur(6px) saturate(1.1)}
.panel h2{margin:2px 0 8px;font-size:clamp(20px,3.2vw,28px)}.small{color:#9fb0ba;font-size:.95rem}
.form{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.input{background:#0a0f14;border:1px solid #16212a;color:var(--ink);padding:14px 16px;border-radius:14px;min-width:280px;flex:1;transition:border .15s, box-shadow .15s, transform .05s}
.input::placeholder{color:#6f7d86}.input:focus{outline:none;border-color:#2a3a46;box-shadow:0 0 0 8px rgba(142,178,255,.06)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:14px;border:1px solid #213040;background:linear-gradient(180deg,#1a2430,#111a22);color:var(--ink);box-shadow:0 8px 28px -14px var(--ring), inset 0 1px 0 rgba(255,255,255,.05);cursor:pointer;transition:transform .05s ease, box-shadow .2s ease}
.btn:hover{box-shadow:0 14px 46px -16px var(--ring), inset 0 1px 0 rgba(255,255,255,.06)}.btn:active{transform:translateY(1px)}
.status{margin-top:10px;font-size:.95rem}.success{color:#a7ffb9}.error{color:#ff9a9a}
.footer{padding:36px 0;border-top:1px solid var(--stroke);color:#a1b1bb}.links a{margin-right:14px;color:#a1b1bb}
@media (max-width:460px){.brand span{display:none}}