*{margin:0;padding:0}html,body,#root{min-height:100%}#root{width:100%}:root{--bg:#0b1220;--card:#131c2e;--card-2:#0f1830;--border:#24304a;--text:#e7ecf5;--muted:#92a0b7;--accent:#3b82f6;--accent-2:#22d3ee;--radius:16px}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #0f1a30 0%, var(--bg) 55%);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:1200px;margin:0 auto;padding:32px 20px 64px}.hero{text-align:center;max-width:720px;margin:0 auto 36px}.hero-icon{font-size:40px}.hero h1{background:linear-gradient(90deg, var(--accent-2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 12px;font-size:clamp(28px,4vw,40px)}.hero p{color:var(--muted);margin:0;line-height:1.5}.layout{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}}.form-card,.result-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.result-card{position:sticky;top:20px}.group{margin-bottom:28px}.group:last-of-type{margin-bottom:12px}.group h2{color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0 0 14px;padding-bottom:8px;font-size:16px;display:flex}.group-icon{font-size:18px}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;display:grid}@media (width<=640px){.group-grid{grid-template-columns:1fr}}.field-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field label{color:var(--text);font-size:13.5px;font-weight:600}.field-value{color:var(--accent-2);text-align:center;background:#3b82f61f;border-radius:6px;min-width:24px;padding:1px 8px;font-size:13px;font-weight:700}.field input[type=range]{width:100%;accent-color:var(--accent-2);margin:8px 0 4px}.field-help{color:var(--muted);margin:0;font-size:12px;line-height:1.35}.actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:11px 20px;font-size:14px;font-weight:600;transition:transform 50ms,opacity .2s}.btn-primary{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#061019}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border-color:var(--border);color:var(--text);background:0 0}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.error-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px}.result-card h2{margin-top:0;font-size:16px}.result-placeholder{color:var(--muted);font-size:14px;line-height:1.5}.muted{color:var(--muted);font-size:13px}.result-content{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.gauge{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;transition:background .4s;display:flex}.gauge-inner{background:var(--card-2);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:138px;height:138px;display:flex}.gauge-value{font-size:28px;font-weight:800}.gauge-label{color:var(--muted);font-size:12px}.risk-badge{color:#06111d;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700}.result-meta{text-align:left;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:4px 0 0;display:grid}.result-meta dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.result-meta dd{word-break:break-word;margin:2px 0 0;font-size:13px;font-weight:600}.disclaimer{color:var(--muted);border-top:1px solid var(--border);margin-top:4px;padding-top:12px;font-size:11.5px;line-height:1.5}.footer{text-align:center;color:var(--muted);margin-top:40px;font-size:12.5px}