.nav{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-bottom:1px solid var(--border-glass);height:64px;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:1200px;padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);height:100%;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-xs);color:var(--text-primary);margin-right:auto;font-size:15px;font-weight:600;text-decoration:none;display:flex}.nav-links{gap:var(--space-xxs);display:flex}.nav-link-r{border-radius:var(--radius-full);color:var(--text-secondary);padding:4px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link-r:hover,.nav-link-r.active{background:var(--hairline);color:var(--text-primary);text-decoration:none}.theme-toggle{border:1px solid var(--border-glass);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-card-hover)}html.light .moon-icon,html.dark .sun-icon{display:none}.main{padding-top:64px}.hero{padding:var(--space-4xl) var(--space-lg) var(--space-3xl);text-align:center;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(at 20%,#ee00000f 0%,#0000 60%),radial-gradient(at 80%,#7928ca0f 0%,#0000 60%);position:absolute;inset:0}.hero-particles{z-index:0;position:absolute;inset:0;overflow:hidden}.particle{opacity:.05;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.p1{background:#e00;width:300px;height:300px;top:-100px;left:-100px}.p2{background:#7928ca;width:200px;height:200px;animation-delay:-5s;bottom:-50px;right:-50px}.p3{background:#ff0080;width:150px;height:150px;animation-delay:-10s;top:50%;left:60%}.p4{background:#0070f3;width:100px;height:100px;animation-delay:-15s;top:20%;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.hero-badge{border-radius:var(--radius-full);color:#e00;margin-bottom:var(--space-md);letter-spacing:.2px;background:#ee000014;padding:4px 14px;font-size:12px;font-weight:500;display:inline-flex}.hero-title{letter-spacing:-1.8px;margin:0 0 var(--space-md);color:var(--text-primary);font-size:42px;font-weight:600;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.calculator-section{padding:0 var(--space-lg) var(--space-4xl)}.calculator-grid{gap:var(--space-lg);grid-template-columns:380px 1fr;align-items:start;max-width:1200px;margin:0 auto;display:grid}@media (width<=900px){.calculator-grid{grid-template-columns:1fr}}.inputs-panel{position:sticky;top:80px}.inputs-card{padding:var(--space-xl)}.section-title{letter-spacing:-.4px;margin:0 0 var(--space-lg);color:var(--text-primary);font-size:18px;font-weight:600}.section-desc{color:var(--text-secondary);margin:-12px 0 var(--space-lg);font-size:13px;line-height:1.6}.input-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.input-row{grid-template-columns:1fr}}.input-group{margin-bottom:var(--space-md)}.input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-with-slider{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.input-num{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);width:70px;height:36px;color:var(--text-primary);text-align:center;outline:none;padding:0 8px;font-size:14px;font-weight:500;transition:border-color .2s}.input-num:focus{border-color:var(--link)}.input-unit{color:var(--text-mute);min-width:28px;font-size:12px;font-weight:500}.slider{appearance:none;background:var(--hairline);cursor:pointer;border-radius:2px;outline:none;flex:1;min-width:120px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--link);cursor:pointer;border:2px solid var(--canvas);border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 3px #00000026}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn-group{flex-wrap:wrap;gap:6px;display:flex}.btn-group button,.gender-btn,.method-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-group button:hover{background:var(--bg-card-hover)}.btn-group button.active{background:var(--link);color:#fff;border-color:var(--link)}.goal-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width<=500px){.goal-grid{grid-template-columns:repeat(2,1fr)}}.goal-btn{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.goal-btn:hover{background:var(--bg-card-hover)}.goal-btn.active{border-color:var(--link);color:var(--link);background:linear-gradient(135deg,#0070f31a,#7928ca1a)}.goal-icon{font-size:18px}.goal-label{text-align:center;font-size:11px}.select-input{border:1px solid var(--border-glass);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;height:40px;color:var(--text-primary);cursor:pointer;outline:none;padding:0 10px;font-size:13px;transition:border-color .2s}.select-input:focus{border-color:var(--link)}.results-panel{gap:var(--space-lg);flex-direction:column;display:flex}.result-card{padding:var(--space-xl)}.gauge-container{margin:var(--space-md) 0;justify-content:center;display:flex}.thr-gauge{width:300px;height:150px;position:relative}.gauge-arc{width:100%;height:100%;position:relative}.gauge-svg{width:100%;height:100%}.gauge-needle{transform-origin:bottom;width:40px;height:120px;color:var(--text-primary);transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(90deg)}.gauge-needle svg{width:100%;height:100%}.gauge-center{text-align:center;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.gauge-value{letter-spacing:-.5px;white-space:nowrap;font-size:24px;font-weight:700;transition:color .3s}.gauge-label{margin-top:2px;font-size:13px;font-weight:500;transition:color .3s}.metrics-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.metric-card{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-glass);text-align:center}.metric-value{color:var(--text-primary);font-size:16px;font-weight:600}.metric-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-top:4px;font-size:11px}.readiness-section{margin-bottom:var(--space-lg)}.readiness-header{margin-bottom:var(--space-md)}.readiness-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px}.readiness-score-bar-track{background:var(--hairline);border-radius:3px;height:6px;overflow:hidden}.readiness-score-bar{border-radius:3px;height:100%;transition:width .6s}.readiness-score-footer{gap:var(--space-sm);color:var(--text-secondary);align-items:center;margin-top:6px;font-size:12px;display:flex}.readiness-score-footer strong{font-weight:600}.readiness-divider{color:var(--text-mute)}.analysis-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=500px){.analysis-grid{grid-template-columns:1fr}}.analysis-item{padding:var(--space-md);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-glass)}.analysis-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px}.analysis-value{color:var(--text-primary);font-size:16px;font-weight:600}.analysis-desc{color:var(--text-mute);margin-top:2px;font-size:12px}.zone-cards{gap:var(--space-md);flex-direction:column;display:flex}.zone-card{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-glass);border-left:4px solid var(--border-glass);transition:all .3s}.zone-card.zone-active{background:linear-gradient(135deg, var(--bg-card), transparent);border-color:var(--border-glass)}.zone-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs);display:flex}.zone-badge{border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}.zone-target-badge{border-radius:var(--radius-full);color:var(--link);background:#0070f31a;padding:2px 6px;font-size:10px}.zone-bpm{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:700}.zone-desc{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:13px;line-height:1.5}.zone-benefits{color:var(--text-mute);align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.zone-benefits svg{flex-shrink:0;margin-top:2px}.zone-legend{gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-glass);flex-wrap:wrap;display:flex}.zone-legend-item{color:var(--text-mute);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.legend-bar{border-radius:3px;flex-shrink:0;width:12px;height:12px}.insights-section,.scenarios-section{padding:0}.section-band{padding:var(--space-4xl) var(--space-lg)}.section-band.light{background:var(--bg-glass)}.band-content{max-width:1200px;margin:0 auto}.section-heading{letter-spacing:-1px;margin:var(--space-sm) 0;color:var(--text-primary);font-size:28px;font-weight:600}.section-subtitle{color:var(--text-secondary);margin:0 0 var(--space-xl);max-width:600px;font-size:15px;line-height:1.7}.insights-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.insights-grid{grid-template-columns:1fr}}.insight-card{gap:var(--space-md);padding:var(--space-lg);opacity:0;animation:.4s forwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.insight-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.insight-icon svg{width:20px;height:20px}.insight-info{color:var(--link);background:#0070f31a}.insight-trending{color:var(--violet);background:#7928ca1a}.insight-heart{color:#e00;background:#ee00001a}.insight-lightbulb{color:var(--warning);background:#f5a62326}.insight-activity{color:var(--cyan);background:#50e3c226}.insight-content h4{color:var(--text-primary);margin:0 0 4px;font-size:14px;font-weight:600}.insight-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.scenarios-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=800px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.scenarios-grid{grid-template-columns:1fr}}.scenario-btn{cursor:pointer;text-align:left;align-items:center;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--border-glass);width:100%;font-family:inherit;transition:all .2s;display:flex}.scenario-btn:hover{box-shadow:var(--shadow-level-4);transform:translateY(-2px)}.scenario-btn.active{border-color:var(--link)}.scenario-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.scenario-info{flex:1}.scenario-label{color:var(--text-primary);font-size:14px;font-weight:600}.scenario-bpm{color:var(--text-mute);margin-top:2px;font-size:12px}.scenario-arrow{color:var(--text-mute);font-size:18px}.scenario-results{margin-top:var(--space-xl);padding:var(--space-xl);display:none}.scenario-results.visible{display:block}.results-title{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:18px;font-weight:600}.scenario-desc{color:var(--text-secondary);margin:0 0 var(--space-lg);font-size:14px}.scenario-metrics{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.scenario-metrics{grid-template-columns:repeat(2,1fr)}}.scenario-metric{text-align:center;padding:var(--space-md);background:var(--bg-glass);border-radius:var(--radius-md)}.scenario-metric .metric-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.scenario-metric .metric-value{color:var(--text-primary);margin-top:4px;font-size:20px;font-weight:700}.edu-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.edu-grid{grid-template-columns:1fr}}.edu-card{padding:var(--space-xl)}.edu-icon{border-radius:var(--radius-md);color:#e00;width:36px;height:36px;margin-bottom:var(--space-sm);background:linear-gradient(135deg,#ee00001a,#7928ca1a);justify-content:center;align-items:center;display:flex}.edu-card h3{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:16px;font-weight:600}.edu-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.edu-card ul{padding:0 0 0 var(--space-lg);color:var(--text-secondary);margin:0;font-size:13px;line-height:1.8}.edu-card li strong{color:var(--text-primary)}.edu-card li em{color:var(--text-mute)}.faq-card{grid-column:1/-1}.faq-list{margin-top:var(--space-sm)}.faq-item{border-top:1px solid var(--border-glass);padding:4px 0}.faq-item details{font-size:14px}.faq-item summary{color:var(--text-primary);cursor:pointer;align-items:center;gap:var(--space-xs);padding:8px 0;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";color:#e00;margin-right:4px;font-size:16px;font-weight:400;transition:transform .2s}.faq-item details[open] summary:before{content:"−"}.faq-item details p{color:var(--text-secondary);margin:0 0 var(--space-sm) 0;padding-left:20px;font-size:13px;line-height:1.7}.related-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=800px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.related-grid{grid-template-columns:1fr}}.related-card{padding:var(--space-lg);color:inherit;gap:var(--space-xs);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.related-card:hover{box-shadow:var(--shadow-level-4);text-decoration:none;transform:translateY(-2px)}.related-icon{border-radius:var(--radius-md);color:#e00;background:linear-gradient(135deg,#ee00001a,#7928ca1a);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.related-card h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.related-card p{color:var(--text-mute);margin:0;font-size:12px;line-height:1.4}.disclaimer-section .section-band{padding-bottom:var(--space-2xl)}.disclaimer-content{text-align:center;max-width:700px}.disclaimer-icon{width:48px;height:48px;margin:0 auto var(--space-md);color:#e00;background:#ee000014;border-radius:50%;justify-content:center;align-items:center;display:flex}.disclaimer-content h3{margin:0 0 var(--space-sm);color:var(--text-primary);font-size:18px;font-weight:600}.disclaimer-content p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:13px;line-height:1.7}.disclaimer-footer{color:var(--text-mute);font-size:12px;font-style:italic}.footer{border-top:1px solid var(--border-glass);padding:var(--space-xl) 0;margin-top:0}.footer-inner{max-width:1200px;padding:0 var(--space-lg);text-align:center;color:var(--text-mute);margin:0 auto;font-size:12px}