*{box-sizing:border-box}
:root{--bg:#07111f;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#eef6ff;--muted:#b7c7d9;--accent:#6bd9ff;--accent2:#9cffcf;--warn:#ffd56b;--ok:#83ffaa}
html{scroll-behavior:smooth}
body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 16% 10%,rgba(107,217,255,.18),transparent 34rem),radial-gradient(circle at 85% 5%,rgba(156,255,207,.10),transparent 30rem),linear-gradient(145deg,#07111f,#111827 58%,#07111f);color:var(--text);min-height:100vh}
a{color:inherit}
.top{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,31,.84);backdrop-filter:blur(14px);z-index:5}
.brand{text-decoration:none;font-weight:950;font-size:22px;display:flex;gap:10px;align-items:center}
.brand span{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 25px rgba(107,217,255,.6)}
nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
nav a{text-decoration:none;color:var(--muted);padding:9px 11px;border-radius:12px}
nav a:hover{background:var(--panel);color:var(--text)}
main,footer{width:min(1180px,calc(100% - 32px));margin:0 auto}
.hero{text-align:center;padding:68px 0 44px}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:8px 14px;color:var(--accent2);text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.04em}
h1{font-size:clamp(42px,7vw,76px);line-height:.95;letter-spacing:-.065em;margin:20px 0}
h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em;margin:0 0 10px}
h3{font-size:24px;letter-spacing:-.035em;margin:0 0 12px}
.lead,.section-head p,.card p,.card li,.settings dd{color:var(--muted);line-height:1.65}
.lead{font-size:clamp(18px,2.2vw,23px);max-width:880px;margin:0 auto}
.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.button{display:inline-block;text-decoration:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:12px 16px;border-radius:14px;font-weight:850;margin-top:10px}
.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111f;border:0}
.button.full{display:block;text-align:center;width:100%}
.grid{display:grid;gap:18px;margin:18px 0}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card,.notice{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 20px 70px rgba(0,0,0,.24);backdrop-filter:blur(12px);margin-bottom:18px}
.notice{color:var(--muted)}
.section-head{padding:42px 0 4px}
.price{font-size:38px;font-weight:950;margin:8px 0 12px;color:var(--accent)}
.featured{border-color:rgba(107,217,255,.42)}
.stat span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.stat strong{display:block;font-size:30px;margin-top:10px}
.stat.ok strong{color:var(--ok)}
.stat.warn strong{color:var(--warn)}
.settings{display:grid;grid-template-columns:150px 1fr;gap:10px 16px}
.settings dt{font-weight:900;color:var(--text)}
.settings dd{margin:0;font-family:Consolas,monospace}
pre{white-space:pre-wrap;font-family:Consolas,monospace;line-height:1.65;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:18px;padding:20px;color:#dff6ff;overflow:auto}
.checklist{margin:0;padding-left:20px}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0 34px;color:var(--muted)}
@media(max-width:850px){.grid.two,.grid.three{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}nav{justify-content:flex-start}}