:root{--bg:#08111f;--panel:#101b2e;--panel-2:#16243d;--line:hsla(0,0%,100%,.08);--text:#f6f9ff;--muted:#a7b7d6;--accent:#6de5b2;--accent-2:#5ab0ff;--danger:#ff9d7a;--shadow:0 18px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(90,176,255,.15),transparent 28%),radial-gradient(circle at right top,rgba(109,229,178,.12),transparent 18%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.hero{padding:72px 0 48px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid var(--line);color:var(--muted);margin-bottom:20px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:28px;gap:28px;align-items:start}.hero h1{margin:0 0 16px;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.95;letter-spacing:-.05em}.hero p{margin:0 0 24px;font-size:1.08rem;color:var(--muted);line-height:1.6;max-width:720px}.cta-row,.pill-row{display:flex;flex-wrap:wrap;gap:12px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;cursor:pointer;padding:14px 18px;min-height:52px;transition:transform .18s ease,opacity .18s ease}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#03111d;font-weight:700}.secondary-btn{background:hsla(0,0%,100%,.06);color:var(--text);border:1px solid var(--line)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.hero-card,.panel{background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.03));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.hero-card{padding:24px}.hero-card h3,.panel h2,.panel h3{margin-top:0}.score-list{display:grid;grid-gap:14px;gap:14px;margin-top:16px}.score-item{padding:16px;border-radius:18px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06)}.score-item small{color:var(--muted);display:block;margin-top:6px}.section{padding:24px 0 56px}.grid-2{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:24px;gap:24px}.panel{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-size:.95rem;color:var(--muted)}.field input,.field select{width:100%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);color:var(--text);min-height:48px;border-radius:14px;padding:12px 14px}.field input[type=range]{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.kpi{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06);border-radius:18px;padding:16px}.kpi .value{font-size:1.6rem;font-weight:800;margin-top:8px}.rankings{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.rank-card{padding:18px;border-radius:18px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.06)}.rank-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.rank-card p{margin-bottom:0;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(109,229,178,.1);border:1px solid rgba(109,229,178,.22);color:#d4ffee;font-size:.85rem}.footer,.muted{color:var(--muted)}.footer{padding:24px 0 48px}pre.code{background:#07101b;overflow:auto;border-radius:16px;padding:16px;border:1px solid hsla(0,0%,100%,.08)}@media (max-width:900px){.form-grid,.grid-2,.hero-grid,.kpi-grid{grid-template-columns:1fr}}