:root{--bg:#1a1c1e;--bg-soft:#22262a;--fog:#3d4248;--revealed:#00d4ff;--text:#f2f4f6;--muted:#a7b0b8;--line:#2e3439;--radius:14px;--maxw:1024px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--revealed);text-decoration:none}a:hover{text-decoration:underline}.site{flex-direction:column;min-height:100vh;display:flex}.main{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:2rem 1.25rem 4rem}.header{border-bottom:1px solid var(--line);z-index:10;background:#1a1c1eeb;position:sticky;top:0}.header-inner{max-width:var(--maxw);align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1.25rem;display:flex}.brand{color:var(--text);letter-spacing:.02em;font-size:1.25rem;font-weight:800}.brand span{color:var(--revealed)}.nav{flex-wrap:wrap;gap:1rem;margin-left:auto;display:flex}.nav a{color:var(--muted);font-size:.95rem}.nav a.router-link-active,.nav a:hover{color:var(--text)}.lang{gap:.25rem;display:flex}.lang button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.2rem .55rem;font-size:.8rem}.lang button.active{color:var(--bg);background:var(--revealed);border-color:var(--revealed)}.hero{padding:3rem 0 2rem}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.15}.hero h1 span{color:var(--revealed)}.lead{color:var(--muted);max-width:40rem;font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.btn{background:var(--revealed);color:#06181d;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn-ghost{border:1px solid var(--fog);color:var(--text);border-radius:999px;padding:.7rem 1.4rem;display:inline-block}.btn-ghost:hover{border-color:var(--revealed);text-decoration:none}.btn:disabled{opacity:.5;cursor:wait}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{color:var(--muted);margin:0;font-size:.95rem}.card .num{color:var(--revealed);font-size:1.4rem;font-weight:800}section.block{margin:3rem 0}section.block h2{margin-bottom:.5rem;font-size:1.6rem}.muted{color:var(--muted)}.footer{border-top:1px solid var(--line)}.footer-inner{max-width:var(--maxw);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:1.5rem;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;font-size:.9rem;display:flex}.footer-inner nav{flex-wrap:wrap;gap:1rem;display:flex}.doc h1{font-size:2rem}.doc h2{margin-top:2rem;font-size:1.3rem}.doc li,.doc p{color:#d6dbe0}.doc .meta{color:var(--muted);font-size:.9rem}.form{gap:.75rem;max-width:28rem;display:grid}.field label{color:var(--muted);margin-bottom:.25rem;font-size:.9rem;display:block}.field input,.field select,.field textarea{border:1px solid var(--fog);background:var(--bg-soft);width:100%;color:var(--text);border-radius:10px;padding:.65rem .8rem;font-size:1rem}.notice{border:1px solid var(--line);border-left:4px solid var(--revealed);background:var(--bg-soft);border-radius:10px;margin:1rem 0;padding:.9rem 1.1rem}.notice.warn{border-left-color:#ffb020}.notice.error{border-left-color:#ff5d5d}.notice.ok{border-left-color:#3ddc84}.steps{counter-reset:step;padding:0;list-style:none}.steps li{padding:0 0 1.25rem 3rem;position:relative}.steps li:before{counter-increment:step;content:counter(step);background:var(--fog);width:2rem;height:2rem;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;top:0;left:0}.faq details{border:1px solid var(--line);background:var(--bg-soft);border-radius:10px;margin-bottom:.6rem;padding:.8rem 1rem}.faq summary{cursor:pointer;font-weight:600}table.plain{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}table.plain td,table.plain th{border:1px solid var(--line);text-align:left;padding:.55rem .8rem}code.inline,table.plain th{background:var(--bg-soft)}code.inline{border:1px solid var(--line);border-radius:6px;padding:.1rem .4rem;font-size:.9em}
