/* © 2026 SmarterFI.ai. All rights reserved. Proprietary and confidential. */

:root{--navy:#0f1b2d;--navy2:#132238;--teal:#0d9488;--teal2:#14b8a6;--ink:#111827;--mute:#6b7280;--line:#e5e7eb;--bg:#f6f8fa}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
header{background:var(--navy);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px}
header img{height:34px;background:#fff;border-radius:6px;padding:4px 8px}header span{opacity:.8;font-size:14px}
.wrap{max-width:760px;margin:0 auto;padding:20px}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:16px;padding:32px 24px;margin-bottom:20px}
.hero h1{margin:0 0 8px;font-size:clamp(26px,5vw,38px)}.hero p{margin:0 0 18px;opacity:.9}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}
.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:#0b7c72}.btn.ghost{background:transparent;color:var(--teal);border:2px solid var(--teal)}.btn.light{background:#fff;color:var(--navy)}
.prog{height:6px;background:var(--line);border-radius:3px;margin-bottom:16px}.prog i{display:block;height:100%;background:var(--teal);border-radius:3px;transition:width .2s}
.q h2{font-size:20px;margin:4px 0 14px}.small{font-size:13px;color:var(--mute)}
.opt{display:block;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;margin:8px 0;font-size:15px;cursor:pointer;color:var(--ink)}
.opt:hover{border-color:var(--teal)}.opt.sel{border-color:var(--teal);background:#f0fdfa}
.nav{display:flex;justify-content:space-between;margin-top:14px}
input{width:100%;padding:12px;border:1.5px solid var(--line);border-radius:10px;font-size:16px;margin:4px 0 12px}
label{font-size:14px;font-weight:600}
.score{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) calc(var(--p)*1%),var(--line) 0)}
.ring div{width:110px;height:110px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:38px;font-weight:800;color:var(--navy)}
.ring small{display:block;font-size:13px;font-weight:500;color:var(--mute);margin-top:-30px}
.bar{margin:10px 0}.bar b{display:flex;justify-content:space-between;font-size:14px}.bar span{display:block;height:9px;background:var(--line);border-radius:5px;overflow:hidden}.bar span i{display:block;height:100%}
.app{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.app:last-child{border:0}
.tag{font-size:12px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}.t1{background:#ccfbf1;color:#115e59}.t2{background:#fef3c7;color:#92400e}.t3{background:#f3f4f6;color:#374151}
.locked{position:relative}.locked .blur{filter:blur(6px);pointer-events:none;user-select:none}
.locked .over{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px}
.note{font-size:13px;color:var(--mute);border-left:3px solid var(--teal);padding-left:10px}
ol li{margin-bottom:10px}footer{text-align:center;font-size:12px;color:var(--mute);padding:20px}
.hide{display:none!important}
@media print{header,.noprint,footer{display:none!important}body{background:#fff}.card{break-inside:avoid;border-color:#ccc}.hero{background:var(--navy)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ring,.bar i,.tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.mt0{margin-top:0}.m0{margin:0}.plain{background:none;height:auto}.center{text-align:center}.m6{margin:6px}.ml6{margin-left:6px}.errc{color:#b91c1c}