*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111c;--bg-soft:#101a28;--panel:#0e1826d6;--panel-strong:#121f30f5;--panel-border:#9ab4cd24;--text:#edf3fb;--text-soft:#9cb0c6;--accent:#7ae6c6;--accent-strong:#2bd0a1;--warm:#ffb86b;--warm-strong:#ff8f4e;--danger:#ff7b88;--shadow:0 24px 60px #00000057}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 10% 10%,#4c91ff33,#0000 26%),radial-gradient(circle at 85% 15%,#2bd0a124,#0000 24%),radial-gradient(circle at 50% 100%,#ff8f4e1f,#0000 28%),linear-gradient(#08111b 0%,#0c1623 48%,#0a1019 100%);margin:0;font-family:Segoe UI Variable,Aptos,Trebuchet MS,sans-serif}.page{max-width:1320px;margin:0 auto;padding:28px 20px 72px;position:relative}.page:before{content:"";pointer-events:none;filter:blur(8px);background:radial-gradient(circle,#4c91ff24,#0000 68%);border-radius:999px;width:420px;height:420px;position:absolute;inset:28px auto auto -120px}.muted,.topbar-label,.section-description,.status-banner,.auth-message{color:var(--text-soft)}.page p,.page li,.page span,.page small{line-height:1.55}.hero,.results-experience,.questionnaire-stage{z-index:1;position:relative}.questionnaire-stage.is-hidden{display:none}.stage-fade{animation:.42s stageFade}@keyframes stageFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-button,.submit-button,.logout-button,.auth-tab,.back-link{cursor:pointer;border:none;border-radius:16px;padding:14px 20px;font-size:15px;transition:transform .18s,box-shadow .18s,opacity .18s}.hero-button,.submit-button,.logout-button{color:#08111b;background:linear-gradient(135deg, var(--accent), var(--warm));font-weight:700;box-shadow:0 14px 34px #2bd0a133}.hero-button:hover,.submit-button:hover,.logout-button:hover{transform:translateY(-1px);box-shadow:0 18px 38px #2bd0a13d}.auth-tab,.back-link{color:var(--text);background:#ffffff14;border:1px solid #ffffff14}.active-tab{color:#fff;background:linear-gradient(135deg,#2bd0a138,#4c91ff2e)}.hero-text,.info-card,.form-card,.results-panel,.results-hero-card,.auth-card,.auth-side,.topbar,.dashboard-summary-card,.dashboard-chart-card{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:28px}.hero{align-items:center;gap:24px;display:grid}.hero-single{place-items:center;min-height:80vh;display:grid}.hero-text-full{text-align:center;max-width:760px;padding:34px}.experience-hero{grid-template-columns:1.15fr .85fr;gap:24px;margin-bottom:28px;display:grid}.hero-copy-card{box-shadow:var(--shadow);background:linear-gradient(150deg,#0f2138fa,#0e3942e0),linear-gradient(120deg,#2bd0a114,#4c91ff1a);border:1px solid #ffffff14;border-radius:30px;padding:36px;position:relative;overflow:hidden}.hero-copy-card:after{content:"";background:radial-gradient(circle,#ffb86b3d,#0000 70%);border-radius:999px;width:220px;height:220px;position:absolute;top:-46px;right:-54px}.hero-copy-card h1,.results-hero-card h1,.hero h1{letter-spacing:-.04em;color:var(--text);margin:0 0 14px;font-size:clamp(2.2rem,4vw,4.1rem);line-height:1.01}.hero-subtext,.results-hero-copy{max-width:640px;font-size:17px}.hero-badge,.panel-kicker,.section-eyebrow,.insight-label{color:#ffd4aa;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;font-size:.77rem;font-weight:700;display:inline-block}.info-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.info-card{min-height:170px;padding:22px}.step-chip{color:#08111b;background:linear-gradient(135deg, var(--warm), var(--accent));border-radius:999px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-weight:800;display:inline-grid}.auth-page-wrap{align-items:center;min-height:100vh;display:flex}.auth-layout{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.auth-card,.auth-side{padding:28px}.auth-tabs{gap:12px;margin-bottom:20px;display:flex}.auth-form{gap:14px;display:grid}.auth-form input,.health-form input,.health-form select{width:100%;color:var(--text);background:#070f18b3;border:1px solid #d3e3f51f;border-radius:16px;padding:14px;transition:border-color .16s,box-shadow .16s,transform .16s}.auth-form input:focus,.health-form input:focus,.health-form select:focus{border-color:#7ae6c68c;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #7ae6c61f}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.status-banner{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;margin-top:18px;padding:14px 18px}.main-content,.form-mode-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.form-card,.results-panel,.results-hero-card{padding:28px}.health-form{gap:18px;margin-top:22px;display:grid}.form-section{background:linear-gradient(#121f30e6,#09121ff0);border:1px solid #9ab4cd1f;border-radius:22px;gap:18px;padding:20px;animation:.36s stageFade;display:grid}.form-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.submit-button{justify-self:start;min-width:220px;margin-top:8px}.submit-button:disabled{opacity:.72;cursor:wait}.helper-text{margin-top:16px}.error-text{color:var(--danger)}.panel-heading{gap:10px;margin-bottom:10px;display:grid}.panel-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.05}.results-experience{gap:22px;display:grid}.results-hero-card{background:radial-gradient(circle at 100% 0,#ffb86b24,#0000 32%),linear-gradient(145deg,#0e1c2df5,#0f2834e6);justify-content:space-between;align-items:end;gap:24px;display:flex}.results-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.results-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;gap:22px;display:grid}.results-overview,.results-dashboard{grid-column:span 2}.overview-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.score-box{background:linear-gradient(#112134fa,#0b1420f0);border:1px solid #9ab4cd24;border-radius:22px;gap:10px;padding:22px;display:grid;position:relative;overflow:hidden}.score-box:after{content:"";opacity:.28;border-radius:999px;width:100px;height:100px;position:absolute;inset:auto -18px -18px auto}.score-box-alert:after{background:radial-gradient(circle,#ff7b88b8,#0000 70%)}.score-box-caution:after{background:radial-gradient(circle,#ffb86bb8,#0000 70%)}.score-box-good:after,.score-box-great:after{background:radial-gradient(circle,#7ae6c6b8,#0000 70%)}.score-scale{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.score-box h3{color:#fff;margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:1}.score-box h3 span{color:var(--text-soft);margin-left:6px;font-size:1.2rem}.score-box p,.score-box small{margin:0}.score-pill{background:#ffffff14;border-radius:999px;width:fit-content;margin-top:4px;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.score-box-alert .score-pill{color:#ff9ea7}.score-box-caution .score-pill{color:#ffd4aa}.score-box-good .score-pill,.score-box-great .score-pill{color:#baf3de}.insight-banner{background:linear-gradient(135deg,#09121ffa,#0d2d37f5);border:1px solid #9ab4cd1f;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;padding:18px;display:grid}.insight-banner h4,.driver-card h3,.dashboard-summary-card h3,.dashboard-chart-card h3{margin:0}.metric-chip-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.metric-chip{background:#ffffff0d;border:1px solid #ffffff12;border-radius:18px;min-width:180px;padding:14px 16px}.metric-chip span,.metric-chip strong{display:block}.metric-chip strong{margin-top:4px}.driver-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.driver-card,.dashboard-summary-card,.dashboard-chart-card{padding:20px}.factor-list,.recommendation-list,.dashboard-summary-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.factor-list li,.recommendation-list li,.dashboard-summary-list li{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;padding:13px 15px}.factor-list li{justify-content:space-between;gap:16px;display:flex}.dashboard-chart-card{margin-top:18px}.plotly-chart{background:linear-gradient(#0a121ef5,#0e1826eb);border:1px solid #9ab4cd1f;border-radius:20px;width:100%;min-height:400px;margin-top:12px;padding:8px}.plotly-chart>div{width:100%!important}.recommendation-list li{padding-left:52px;position:relative}.recommendation-list li:before{content:"->";color:var(--warm);font-weight:700;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.results-empty{text-align:center;place-content:center;gap:10px;min-height:320px;display:grid}.results-empty-title{margin:0;font-size:1.3rem}.footer{text-align:center;color:var(--text-soft);margin-top:36px;font-size:14px}@media (width<=1024px){.experience-hero,.results-grid,.driver-grid,.overview-score-grid,.info-cards,.auth-layout{grid-template-columns:1fr}.results-overview,.results-dashboard{grid-column:span 1}.results-hero-card{flex-direction:column;align-items:start}}@media (width<=720px){.form-section-grid,.insight-banner{grid-template-columns:1fr}.page{padding-inline:14px}.topbar{flex-direction:column;align-items:flex-start}.results-actions{justify-content:flex-start;width:100%}}