:root{
  --bg:#05080f; --surface:#0c1424; --card:#1e293b; --border:#2b3852; --border2:#1d2740;
  --text:#e2e8f0; --muted:#94a3b8; --faint:#64748b;
  --b600:#2563eb; --b700:#1d4ed8; --b500:#3b82f6; --b400:#60a5fa; --b900:#1e3a5f;
  --green:#22c55e; --red:#ef4444;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:16px;line-height:1.65}
.mono{font-family:'JetBrains Mono',monospace}
a{color:var(--b500);text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
nav{position:sticky;top:0;z-index:50;background:rgba(5,8,15,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border2)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#fff}
.glyph{display:inline-flex;width:36px;height:26px;border:2.5px solid var(--b500);border-radius:8px;position:relative;flex:none}
.glyph:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--b500);position:absolute;left:7px;top:7px}
.nav-links{display:flex;gap:26px;align-items:center;font-size:14px}
.nav-links a{color:var(--muted);font-weight:500}
.nav-links a:hover{color:var(--text)}
.nav-links a.here{color:#fff}
.btn{display:inline-block;border-radius:9px;padding:11px 24px;font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid transparent;transition:all .15s}
.btn-primary{background:var(--b600);color:#fff}
.btn-primary:hover{background:var(--b700)}
.btn-ghost{border-color:var(--border);color:var(--text)}
.btn-ghost:hover{border-color:var(--b500)}
.hero{padding:84px 0 30px;text-align:center;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;top:-240px;left:50%;transform:translateX(-50%);width:1100px;height:640px;background:radial-gradient(ellipse 50% 45% at 50% 40%,rgba(37,99,235,.30),rgba(99,60,235,.09) 55%,transparent 75%);pointer-events:none}
.hero .wrap{position:relative}
h1{font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:#fff;max-width:760px;margin:0 auto}
h1 .hl{color:var(--b500)}
.sub{font-size:17.5px;color:var(--muted);margin:18px auto 0;max-width:580px}
section{padding:70px 0}
.sec-k{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--b500);margin-bottom:12px}
h2{font-size:32px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-bottom:10px}
.sec-sub{font-size:16px;color:var(--muted);max-width:600px;margin-bottom:38px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr 1fr}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px}
.card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:8px}
.card p{font-size:13.5px;color:var(--muted)}
.tag{display:inline-block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--b400);background:rgba(59,130,246,.1);border-radius:5px;padding:2px 8px;margin-bottom:12px}
.tag.g{color:var(--green);background:rgba(34,197,94,.1)}
.steps-rail{counter-reset:s}
.step{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--border2)}
.step .num{font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:600;color:var(--b400);background:var(--surface);border:1px solid var(--border);border-radius:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}
.step h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}
.step p{font-size:14px;color:var(--muted)}
.fin{text-align:center;padding:90px 0;position:relative;overflow:hidden}
.fin:before{content:"";position:absolute;bottom:-260px;left:50%;transform:translateX(-50%);width:1000px;height:560px;background:radial-gradient(ellipse 50% 50% at 50% 60%,rgba(37,99,235,.24),transparent 72%);pointer-events:none}
.fin .wrap{position:relative}
.fin h2{font-size:34px}
footer{border-top:1px solid var(--border2);padding:32px 0}
.foot{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--faint)}
.vthumb{position:relative;background:linear-gradient(135deg,#0c1424,#12203c);border:1px solid var(--border2);border-radius:10px;height:150px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.vthumb:hover{border-color:var(--b500)}
.play{width:52px;height:52px;border-radius:50%;background:rgba(37,99,235,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:4px}
.vlen{position:absolute;bottom:8px;right:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);background:rgba(5,8,15,.7);border-radius:4px;padding:1px 7px}
@media(max-width:880px){h1{font-size:32px}h2{font-size:26px}.g2,.g3{grid-template-columns:1fr}.nav-links a:not(.btn){display:none}}
.veil{position:relative}
.veil-inner{filter:blur(8px);pointer-events:none;user-select:none;opacity:.75}
.veil-badge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:5;text-align:center}
.veil-badge .vb{background:var(--b600);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:10px 26px;box-shadow:0 12px 40px -10px rgba(37,99,235,.6)}
.veil-badge .vs{color:var(--muted);font-size:13px;max-width:340px}