:root{--bg:#030712;--panel:rgba(9,17,35,.82);--panel2:rgba(14,25,49,.72);--line:rgba(102,210,255,.2);--cyan:#18d9ff;--violet:#a95cff;--pink:#f04cff;--text:#f4f8ff;--muted:#9db0ca;--green:#47e5a0;--orange:#ffb74d;--red:#ff557a}
*{box-sizing:border-box}.diag-page{min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(24,217,255,.12),transparent 32%),radial-gradient(circle at 90% 15%,rgba(240,76,255,.1),transparent 30%),#02040a;color:var(--text);font-family:inherit}.diag-wrap{width:min(1180px,92%);margin:auto;padding:36px 0 80px}.diag-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:46px 0}.diag-kicker{letter-spacing:.18em;font-size:11px;font-weight:900;color:var(--cyan)}.diag-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.055em;margin:12px 0 20px}.gradient{background:linear-gradient(90deg,var(--cyan),#7b7cff,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.diag-lead{font-size:18px;line-height:1.6;color:#c6d3e7;max-width:650px}.diag-orb{min-height:340px;border:1px solid rgba(24,217,255,.22);border-radius:34px;position:relative;background:linear-gradient(145deg,rgba(10,25,49,.9),rgba(6,7,18,.88));overflow:hidden;display:grid;place-items:center;box-shadow:0 0 70px rgba(24,217,255,.08),inset 0 0 70px rgba(169,92,255,.05)}.diag-orb:before,.diag-orb:after{content:"";position:absolute;border:1px solid rgba(24,217,255,.25);border-radius:50%;width:310px;height:190px;transform:rotate(-18deg);box-shadow:0 0 25px rgba(24,217,255,.1)}.diag-orb:after{width:390px;height:250px;transform:rotate(42deg);border-color:rgba(240,76,255,.2)}.diag-score-zero{position:relative;z-index:2;text-align:center}.diag-score-zero strong{display:block;font-size:86px;letter-spacing:-.08em}.diag-score-zero span{color:var(--muted);font-size:13px}.diag-card{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.diag-section{margin-top:28px}.diag-section h2{font-size:30px;letter-spacing:-.04em;margin:0 0 8px}.diag-section>p{color:var(--muted);line-height:1.55}.progress{height:6px;border-radius:99px;background:#14223a;overflow:hidden;margin:22px 0 34px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));transition:.25s}.q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.q{background:rgba(7,14,29,.68);border:1px solid rgba(142,187,230,.13);border-radius:18px;padding:18px}.q.full{grid-column:1/-1}.q label,.q legend{font-weight:800;font-size:14px;display:block;margin-bottom:10px}.q small{color:#8195b1;line-height:1.4;display:block;margin-top:7px}.q input,.q select{width:100%;border:1px solid rgba(142,187,230,.2);background:#071126;color:#fff;border-radius:12px;padding:13px 14px;font:inherit;outline:none}.q input:focus,.q select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(24,217,255,.1)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;padding:12px;border:1px solid rgba(142,187,230,.16);border-radius:12px;color:#c7d4e8;cursor:pointer;transition:.2s}.choice input:checked+span{border-color:var(--cyan);background:rgba(24,217,255,.08);color:#fff;box-shadow:inset 0 0 18px rgba(24,217,255,.05)}.range-row{display:flex;gap:16px;align-items:center}.range-row input{padding:0;border:0;background:transparent;box-shadow:none}.range-value{min-width:70px;text-align:right;font-weight:900;color:var(--cyan)}.diag-actions{display:flex;justify-content:space-between;gap:14px;margin-top:26px}.diag-btn{border:0;border-radius:999px;padding:14px 20px;font:inherit;font-weight:900;cursor:pointer;color:#fff;background:#101d35;border:1px solid rgba(145,190,235,.2)}.diag-btn.primary{background:linear-gradient(90deg,#167dff,#9c4cff,#ee4cff);box-shadow:0 0 28px rgba(102,92,255,.2)}.diag-btn:disabled{opacity:.45;cursor:not-allowed}.result-head{text-align:center;padding:36px 0 20px}.risk-score{font-size:90px;letter-spacing:-.08em;line-height:1}.risk-label{display:inline-block;margin-top:10px;padding:8px 16px;border-radius:999px;font-weight:900}.risk-label.green{background:rgba(71,229,160,.1);color:var(--green);border:1px solid rgba(71,229,160,.35)}.risk-label.orange{background:rgba(255,183,77,.1);color:var(--orange);border:1px solid rgba(255,183,77,.35)}.risk-label.red{background:rgba(255,85,122,.1);color:var(--red);border:1px solid rgba(255,85,122,.35)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{padding:20px;border-radius:18px;background:rgba(7,14,29,.7);border:1px solid rgba(142,187,230,.14)}.metric strong{display:block;font-size:30px}.metric span{color:var(--muted);font-size:12px}.bar{height:18px;border-radius:99px;background:linear-gradient(90deg,var(--green) 0 20%,#7bdc83 20% 40%,var(--orange) 40% 60%,#ff7f68 60% 80%,var(--red) 80%);position:relative;margin:25px 0 8px}.marker{position:absolute;top:-8px;width:3px;height:34px;background:#fff;box-shadow:0 0 10px #fff;left:0;transition:.3s}.legend{display:flex;justify-content:space-between;color:#8295ae;font-size:11px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pillar{padding:18px;border-radius:18px;background:rgba(7,14,29,.7);border:1px solid rgba(142,187,230,.14)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.dot.green{background:var(--green);box-shadow:0 0 12px var(--green)}.dot.orange{background:var(--orange);box-shadow:0 0 12px var(--orange)}.dot.red{background:var(--red);box-shadow:0 0 12px var(--red)}.pillar strong{display:block;font-size:18px;margin:10px 0 6px}.pillar p,.detail p{color:#aebdd1;line-height:1.55;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail{padding:20px;border-radius:18px;background:rgba(7,14,29,.65);border:1px solid rgba(142,187,230,.12)}.detail h3{margin:0 0 8px}.mail-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.hidden{display:none!important}.success{text-align:center;padding:48px 20px}.success h2{font-size:40px;letter-spacing:-.04em}.success p{color:#aebdd1;line-height:1.6}.diag-footer-note{font-size:11px;color:#6f829e;text-align:center;margin-top:28px;line-height:1.5}@media(max-width:820px){.diag-hero{grid-template-columns:1fr}.q-grid,.detail-grid{grid-template-columns:1fr}.metrics,.pillars{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.mail-box{grid-template-columns:1fr}.diag-wrap{width:min(94%,680px)}.diag-hero{padding-top:20px}.diag-card{padding:20px}}