:root{--snow: #f7f5f0;--ice: #e8e4dc;--granite: #3a3631;--rock: #5c5650;--sky-high: #1b3a5c;--glacier: #5b8fa8;--sunrise: #d4704f;--summit-gold: #c8a84e;--danger: #b8453a;--forest: #4a6741;--shadow: rgba(58, 54, 49, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--snow);color:var(--granite);min-height:100vh;overflow-x:hidden}button,input{font:inherit}.mountain-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.mountain-bg svg{position:absolute;bottom:0;width:100%;height:60vh;opacity:.04}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E")}.app{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:40px 24px 80px;min-height:100vh}.header{text-align:center;margin-bottom:48px}.hero-logo-img{display:block;width:min(320px,78vw);margin:0 auto 18px;padding:12px 16px;border-radius:12px;background:var(--sky-high);box-shadow:0 10px 28px #1b3a5c33}.header-badge{display:inline-flex;align-items:center;gap:6px;background:var(--sky-high);color:#fff;font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:24px}.header h1{font-family:Playfair Display,serif;font-weight:900;font-size:clamp(32px,6vw,52px);line-height:1.1;color:var(--granite);margin-bottom:8px}.header h1 span{display:block;font-weight:400;font-style:italic;color:var(--glacier);font-size:.6em}.header-sub{font-size:15px;color:var(--rock);line-height:1.6;max-width:480px;margin:16px auto 0;font-weight:300}.bmi-meta{margin-top:10px;font-size:13px;color:var(--rock)}.elevation-tag{display:inline-flex;align-items:center;margin-top:20px;padding:8px 16px;background:linear-gradient(135deg,var(--ice),transparent);border:1px solid rgba(58,54,49,.08);border-radius:8px;font-size:12px;color:var(--rock)}.progress-container{margin-bottom:40px}.progress-info{display:flex;justify-content:space-between;margin-bottom:10px}.progress-step{font-size:12px;font-weight:600;color:var(--glacier);text-transform:uppercase}.progress-category{font-size:12px;color:var(--rock)}.progress-bar{height:3px;background:var(--ice);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--glacier),var(--sky-high));transition:width .6s cubic-bezier(.22,1,.36,1)}.question-card{animation:cardIn .5s cubic-bezier(.22,1,.36,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-number{font-family:Playfair Display,serif;font-size:64px;font-weight:900;color:var(--ice);margin-bottom:-8px}.question-text{font-family:Playfair Display,serif;font-size:22px;font-weight:700;margin-bottom:8px}.question-hint{font-size:13px;color:var(--rock);line-height:1.5;margin-bottom:28px;font-weight:300;padding-left:16px;border-left:2px solid var(--ice)}.options{display:flex;flex-direction:column;gap:10px}.numeric-answer{display:flex;align-items:center;gap:10px;max-width:260px}.numeric-input{width:100%;padding:14px 16px;border:1.5px solid var(--ice);border-radius:10px;background:#fff;color:var(--granite);font-size:15px;outline:none}.numeric-input:focus{border-color:var(--glacier)}.numeric-unit{font-size:13px;color:var(--rock);min-width:44px}.option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1.5px solid var(--ice);border-radius:12px;cursor:pointer;transition:all .25s ease;text-align:left}.option:hover{border-color:var(--glacier);transform:translate(4px);box-shadow:0 4px 20px var(--shadow)}.option.selected{border-color:var(--sky-high);background:#1b3a5c08}.option-marker{width:22px;height:22px;border-radius:50%;border:2px solid var(--ice);flex-shrink:0}.option.selected .option-marker{border-color:var(--sky-high);background:var(--sky-high)}.option-text strong{display:block;margin-bottom:2px}.option-text small{font-size:12px;color:var(--rock)}.nav-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--ice)}.btn,.btn-start,.gate-submit,.cta-btn,.btn-restart{border:none;cursor:pointer}.btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600}.btn-back{background:transparent;color:var(--rock)}.btn-next{background:var(--sky-high);color:#fff;margin-left:auto}.btn-next:disabled{background:var(--ice);color:var(--rock);cursor:not-allowed}.start-screen{text-align:center;padding:40px 0}.stats-row{display:flex;justify-content:center;gap:32px;margin:32px 0}.stat-value{font-family:Playfair Display,serif;font-size:28px;font-weight:900;color:var(--sky-high)}.stat-label{font-size:11px;color:var(--rock);text-transform:uppercase}.start-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.start-feature{padding:20px 12px;background:#fff;border-radius:12px;border:1px solid var(--ice)}.btn-start{padding:16px 40px;background:var(--sky-high);color:#fff;border-radius:12px}.gate-card{background:#fff;border-radius:20px;padding:48px 36px;text-align:center;border:1px solid var(--ice);max-width:480px;margin:0 auto}.gate-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--glacier);margin-bottom:12px}.gate-title{font-family:Playfair Display,serif;font-size:26px;font-weight:900;margin-bottom:12px}.gate-desc{font-size:14px;color:var(--rock);line-height:1.6;margin-bottom:28px}.gate-form{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto}.gate-input{padding:14px 18px;border:1.5px solid var(--ice);border-radius:10px;background:var(--snow)}.gate-input.error{border-color:var(--danger)}.gate-error-msg{font-size:12px;color:var(--danger);display:none;text-align:left}.gate-error-msg.visible{display:block}.gate-check-row{display:flex;gap:8px;text-align:left}.gate-submit{padding:14px 24px;background:var(--sky-high);color:#fff;border-radius:10px}.gate-privacy{font-size:11px;color:#b0aca5;margin-top:12px}.results-screen{animation:cardIn .6s ease}.score-ring-container{display:flex;justify-content:center;margin:24px 0 32px}.score-ring{position:relative;width:200px;height:200px}.score-ring svg{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--ice);stroke-width:8}.score-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.22,1,.36,1)}.score-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.score-value{font-family:Playfair Display,serif;font-size:48px;font-weight:900}.score-label{font-size:11px;color:var(--rock);text-transform:uppercase}.verdict-box{text-align:center;padding:24px;border-radius:16px;margin-bottom:32px}.verdict-title{font-family:Playfair Display,serif;font-size:24px;font-weight:700;margin-bottom:8px}.verdict-desc{font-size:14px;line-height:1.6}.breakdown-title{font-family:Playfair Display,serif;font-size:18px;font-weight:700;margin-bottom:16px}.category-bar{margin-bottom:16px}.category-bar-header{display:flex;justify-content:space-between;margin-bottom:6px}.category-bar-track{height:6px;background:var(--ice);border-radius:6px}.category-bar-fill{height:100%;border-radius:6px;transition:width 1s cubic-bezier(.22,1,.36,1)}.recommendations{margin-top:32px}.rec-card{padding:20px;background:#fff;border:1px solid var(--ice);border-radius:12px;margin-bottom:12px}.rec-card-status{display:inline-flex;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;padding:3px 10px;border-radius:4px;margin-bottom:8px}.rec-card-status.good{background:#4a67411a;color:var(--forest)}.rec-card-status.warning{background:#c8a84e1a;color:#9a7d2e}.rec-card-status.alert{background:#b8453a1a;color:var(--danger)}.rec-card-title{font-weight:600;margin-bottom:6px}.rec-card-text{font-size:13px;color:var(--rock);line-height:1.5}.cta-box{margin-top:40px;padding:32px;background:var(--sky-high);border-radius:16px;text-align:center;color:#fff}.cta-btn{padding:12px 20px;background:var(--summit-gold);color:var(--granite);border-radius:10px}.cta-btn:disabled{opacity:.65;cursor:not-allowed}.cta-input-row{display:flex;gap:8px;max-width:420px;margin:14px auto 0}.cta-input{flex:1;padding:12px 16px;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff14;color:#fff;outline:none}.cta-input::placeholder{color:#ffffff8c}.cta-input:focus{border-color:#ffffffb3}.cta-input.error{border-color:#ffbbb4}.cta-fine{font-size:12px;margin-top:10px;color:#ffffffe6}.cta-fine a{color:inherit}.cta-error{color:#ffcbc6}.cta-success{color:#d7f7dc}.btn-restart{margin-top:24px;padding:12px 24px;background:transparent;border:1.5px solid var(--ice);border-radius:10px;color:var(--rock)}@media (max-width: 520px){.app{padding:24px 16px 60px}.start-features{grid-template-columns:1fr;gap:10px}.stats-row{gap:20px}.question-number{font-size:48px}.cta-input-row{flex-direction:column}}