@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Source+Sans+3:wght@300;400;500;600;700&display=swap");:root{--bg:#080c14;--surface:#0e1520;--surface2:#141f2e;--surface3:#1a2940;--border:#1e3048;--border-hover:#2a4060;--text:#e4eaf0;--text-dim:#7a8fa6;--text-muted:#4a6078;--accent:#0ea5e9;--accent-hover:#38bdf8;--accent-dim:rgba(14,165,233,.12);--accent-light:rgba(14,165,233,.08);--navy:#0c2340;--green:#22c55e;--blue:#3b82f6;--yellow:#eab308;--red:#ef4444;--radius:8px;--radius-lg:12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Source Sans\ 3,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.5px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}input,select,textarea{width:100%;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Source Sans\ 3,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a8fa6' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}select option{background:var(--surface2);color:var(--text)}label{display:block;font-size:13px;font-weight:600;color:var(--text-dim);margin-bottom:6px;letter-spacing:.3px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-size:14px}.checkbox-item:hover{border-color:var(--border-hover)}.checkbox-item.checked{border-color:var(--accent);background:var(--accent-dim)}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:none;border-radius:var(--radius);font-family:Oswald,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px rgba(14,165,233,.3)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface3);border-color:var(--border-hover)}.container{max-width:720px;margin:0 auto;padding:0 20px}.tooltip-wrap{position:relative;margin-left:6px;cursor:help}.tooltip-icon,.tooltip-wrap{display:inline-flex;align-items:center}.tooltip-icon{width:16px;height:16px;border-radius:50%;background:var(--surface3);color:var(--text-dim);font-size:10px;font-weight:700;justify-content:center;transition:all .2s}.tooltip-icon:hover{background:var(--accent-dim);color:var(--accent)}.tooltip-bubble{bottom:calc(100% + 8px);background:var(--surface3);color:var(--text);font-size:13px;font-weight:400;line-height:1.5;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border-hover);max-width:250px;width:max-content;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50;text-transform:none;letter-spacing:0;font-family:Source Sans\ 3,sans-serif}.tooltip-bubble,.tooltip-bubble:after{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-bubble:after{content:"";top:100%;border:6px solid transparent;border-top:6px solid var(--surface3)}.tooltip-wrap:hover .tooltip-bubble{opacity:1;pointer-events:auto}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0deg);opacity:1}to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 rgba(14,165,233,.4)}50%{box-shadow:0 0 0 6px rgba(14,165,233,0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}.validation-hint{color:var(--yellow);font-size:13px;text-align:center;margin-top:8px;animation:fadeIn .3s ease-out}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);box-shadow:0 0 8px rgba(14,165,233,.5);z-index:9999;transition:width .1s linear}.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--accent);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s;z-index:9998}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{background:var(--accent-dim);border-color:var(--accent)}.quiz-option{transition:all .2s ease}.quiz-option:hover{transform:translateY(-3px);background:#141f2e!important;box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px rgba(14,165,233,.15)}.quiz-option:active{transform:translateY(0) scale(.98)}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-enter{animation:stepSlideIn .3s ease-out forwards}.loading-overlay{position:fixed;inset:0;background:rgba(8,12,20,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.social-proof{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:20px;padding:6px 16px;font-size:13px;color:var(--green);margin-top:20px}.social-proof-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite}.exit-overlay{position:fixed;inset:0;background:rgba(8,12,20,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.exit-overlay,.exit-popup{animation:fadeIn .3s ease-out}.exit-popup{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 32px;max-width:440px;width:100%;text-align:center;position:relative}.exit-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer}.show-mobile{display:none!important}.hide-mobile{display:block}@media (max-width:640px){.show-mobile{display:block!important}.hide-mobile{display:none!important}.field-row-responsive,.goal-grid-responsive,.summary-grid-responsive{grid-template-columns:1fr!important}.tdee-grid-responsive{grid-template-columns:1fr 1fr!important}.progress-bar-responsive{gap:0!important}.progress-bar-responsive .progress-label-hide{display:none}.checkbox-group{gap:6px}.checkbox-item{padding:6px 10px;font-size:13px}.btn{padding:12px 24px;font-size:14px}.plan-preview-responsive{grid-template-columns:1fr 1fr!important}}