:root{
  --bg:#06111d; --bg2:#0b1d2c; --panel:#0f2134; --panel2:#132b42;
  --text:#eef9ff; --muted:#9eb7c9; --accent:#16c7ff; --accent2:#67e5ff;
  --ok:#67e8a4; --warn:#ffc857; --danger:#ff6464; --line:#24455f;
  --shadow:0 20px 55px rgba(0,0,0,.35); --radius:22px;
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 20% 10%,rgba(22,199,255,.18),transparent 34%),radial-gradient(circle at 80% 18%,rgba(103,229,255,.1),transparent 36%),linear-gradient(145deg,#04101a,var(--bg) 50%,#0a1a28)}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 28px));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:rgba(6,17,29,.86);border-bottom:1px solid var(--line)}.topbar .wrap{display:flex;align-items:center;gap:14px;min-height:68px}.brand{font-weight:950;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-weight:650;letter-spacing:.02em}.nav{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-grid;place-items:center;min-height:46px;padding:0 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);font-weight:850}.btn.primary{background:var(--accent);color:#00131a;border-color:var(--accent)}.btn.ghost{background:transparent}.hero{padding:70px 0 44px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--accent2);background:rgba(22,199,255,.08);font-size:.86rem;font-weight:850}.hero h1{font-size:clamp(2.2rem,7vw,5rem);line-height:.95;margin:18px 0 16px;letter-spacing:-.05em}.hero p{font-size:1.12rem;line-height:1.65;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(19,43,66,.95),rgba(15,33,52,.95));box-shadow:var(--shadow);padding:22px}.mock{min-height:410px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.mock-head{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:var(--accent)}.calc-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(0,0,0,.16)}.calc-row strong{font-family:ui-monospace,Consolas,monospace;color:var(--accent2)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.card{border:1px solid var(--line);border-radius:18px;background:rgba(15,33,52,.82);padding:18px}.card h3{margin:0 0 8px}.card p,.muted{color:var(--muted);line-height:1.55}.section{padding:34px 0}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted)}.form-shell{padding:52px 0}.form-card{width:min(560px,100%);margin:0 auto}.field{display:grid;gap:7px;margin:14px 0}.field label{color:var(--muted);font-weight:750}.field input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:14px;background:#081624;color:var(--text);padding:10px 12px;font:inherit}.notice{border-left:4px solid var(--warn);background:rgba(255,200,87,.08);border-radius:12px;padding:12px;margin:14px 0;color:#ffe1a0}.ok{border-left-color:var(--ok);background:rgba(103,232,164,.08);color:#bff8d9}.danger{border-left-color:var(--danger);background:rgba(255,100,100,.08);color:#ffb7b7}.code{font-family:ui-monospace,Consolas,monospace;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:10px;padding:3px 7px}.steps li{margin:8px 0;color:var(--muted);line-height:1.55}.steps strong{color:var(--text)}@media(max-width:820px){.hero-grid,.grid{grid-template-columns:1fr}.nav{gap:6px}.btn{padding:0 12px}.hero{padding-top:42px}.mock{min-height:320px}}@media(max-width:520px){.topbar .wrap{min-height:62px}.brand small{display:none}.nav .hide-sm{display:none}.hero h1{font-size:2.55rem}.panel{padding:16px}}