:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--card:#161b22d1;--text:#f0f6fc;--muted:#8b949e;--accent:#58a6ff;--accent-2:#bc8cff;--good:#3fb950;--warn:#f2cc60;--danger:#ff7b72;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 15%, #58a6ff47, transparent 30%), radial-gradient(circle at 85% 10%, #bc8cff3d, transparent 28%), linear-gradient(135deg, #070b12 0%, var(--bg) 52%, #111827 100%);min-height:100vh;color:var(--text);margin:0}.page-shell{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.hero-card{background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff1f;border-radius:32px;width:min(720px,100%);padding:clamp(26px,5vw,52px);box-shadow:0 30px 100px #0000006b}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:800}h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.4rem,7vw,5rem);line-height:.95}.intro{max-width:610px;color:var(--muted);margin:22px 0 30px;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.8}.calculator label{margin-bottom:10px;font-weight:750;display:block}.input-row{gap:12px;display:flex}input,button{font:inherit;border:0;border-radius:18px}input{min-width:0;color:var(--text);background:#ffffff14;outline:1px solid #ffffff1a;flex:1;padding:18px 20px}input:focus{outline:2px solid #58a6ffbf}button{color:#08111f;background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;padding:0 26px;font-weight:850;transition:transform .2s,filter .2s}button:hover{filter:brightness(1.08);transform:translateY(-2px)}.hint{color:var(--muted);margin:12px 0 0;font-size:.92rem}.result{background:#ffffff0f;border-radius:24px;margin-top:34px;padding:22px}.progress-wrap{background:#ffffff1a;border-radius:999px;height:18px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--good), var(--warn), var(--danger));width:0%;height:100%;transition:width .55s cubic-bezier(.22,1,.36,1)}.result-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;display:grid}.label{color:var(--muted);margin-bottom:6px;font-size:.9rem;display:block}.result strong{letter-spacing:-.04em;font-size:clamp(1.8rem,5vw,3rem)}.message{color:#c9d1d9;margin:18px 0 0;line-height:1.7}@media (width<=560px){.input-row{display:grid}.result-grid{grid-template-columns:1fr}button{padding:16px 22px}}