:root{--bg-primary:#0a0a0f;--bg-secondary:#1a1a2e;--bg-card:rgba(255, 255, 255, 0.05);--bg-glass:rgba(255, 255, 255, 0.08);--accent-primary:#00d4ff;--accent-success:#00ff88;--accent-warning:#ffa500;--accent-danger:#ff4757;--bmi-underweight:#3498db;--bmi-normal:#00ff88;--bmi-overweight:#ffa500;--bmi-obese:#ff4757;--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.8);--text-muted:rgba(255, 255, 255, 0.5);--glow-primary:rgba(0, 212, 255, 0.3);--shadow-card:0 8px 32px rgba(0, 0, 0, 0.37);--font-primary:'Inter', sans-serif;--font-mono:'Space Mono', monospace;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.hero-section{min-height:100vh;display:flex;align-items:center;padding:var(--spacing-xl) 0;background:radial-gradient(circle at top left,#15192b 0%,#05060b 55%,#020308 100%);position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);opacity:.12;border-radius:50%;top:-250px;right:-250px;animation:float 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,30px)}}.hero-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--spacing-lg);align-items:stretch}.calculator-panel,.results-panel{border-radius:24px;background:radial-gradient(circle at top left,rgba(255,255,255,.05) 0%,rgba(0,0,0,.78) 60%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(0,0,0,.7);padding:var(--spacing-lg);transition:transform 0.25s ease,box-shadow 0.25s ease}.calculator-panel:hover,.results-panel:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(0,0,0,.85)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:var(--spacing-lg);box-shadow:var(--shadow-card);transition:all 0.3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.5)}.calculator-panel{position:relative}.hero-heading{font-family:var(--font-primary);font-weight:700;font-size:clamp(2.2rem, 3vw + 1rem, 3.2rem);letter-spacing:-.03em;color:var(--text-primary);position:relative;display:inline-block;padding-bottom:.4rem}.hero-heading span{background:linear-gradient(135deg,var(--accent-primary),var(--accent-success));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-heading::after{content:"";position:absolute;left:0;bottom:0;width:60%;height:4px;border-radius:999px;background:linear-gradient(120deg,#00d4ff,#00ff88,#ffa500);box-shadow:0 0 18px rgba(0,212,255,.6);transition:width 0.4s ease,box-shadow 0.4s ease,opacity 0.4s ease;opacity:.9}.hero-heading:hover::after{width:100%;box-shadow:0 0 26px rgba(0,212,255,1);opacity:1}.subtitle{color:var(--text-secondary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.unit-toggle{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:rgba(0,0,0,.5);padding:4px;border-radius:12px}.toggle-btn{flex:1;padding:var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.3s}.toggle-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.input-group{margin-bottom:var(--spacing-lg)}.input-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-weight:500}.slider-container{position:relative}.slider{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 100%);outline:none;transition:all 0.2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-primary);cursor:pointer;box-shadow:0 0 10px var(--glow-primary);transition:all 0.2s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px rgba(0,212,255,1)}.slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:none;box-shadow:0 0 10px var(--glow-primary)}.value-display{margin-top:var(--spacing-sm);text-align:center}.value-number{font-size:2rem;font-family:var(--font-mono);color:var(--accent-primary);font-weight:700}.value-unit{margin-left:var(--spacing-xs);color:var(--text-muted)}.text-input{width:100%;padding:var(--spacing-sm);background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;transition:all 0.3s}.text-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 15px var(--glow-primary)}.segmented-control{display:flex;gap:var(--spacing-xs);background:rgba(0,0,0,.5);padding:4px;border-radius:12px}.segment-btn{flex:1;padding:var(--spacing-sm);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-weight:600;border-radius:8px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.segment-btn.active{background:var(--accent-primary);color:var(--bg-primary)}.segment-btn svg{width:20px;height:20px}.btn-primary{width:100%;padding:var(--spacing-md);border:none;background:linear-gradient(135deg,var(--accent-primary),#0099ff);color:#fff;font-family:var(--font-primary);font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s ease;box-shadow:0 0 20px var(--glow-primary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-primary:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(0,212,255,.8)}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn-primary:active::before{width:300px;height:300px}.results-panel{display:flex;flex-direction:column;justify-content:center}.results-preview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.bmi-gauge-container{background:rgba(0,0,0,.55);border-radius:20px;padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 16px 40px rgba(0,0,0,.7);display:flex;align-items:center;gap:var(--spacing-lg)}.bmi-gauge{width:160px;height:160px}.gauge-progress{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1),stroke 0.5s}.bmi-value{text-align:left}.bmi-number{display:block;font-size:clamp(2.4rem, 3vw + 1rem, 3.4rem);font-family:var(--font-mono);font-weight:700;color:var(--accent-primary);line-height:1}.bmi-label{display:block;font-size:1rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.category-badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.9rem 1.4rem;border-radius:999px;background:rgba(0,0,0,.65);border:2px solid var(--accent-success);box-shadow:0 10px 30px rgba(0,0,0,.75);margin:0 auto;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.badge-icon{font-size:1.2rem}.badge-text{font-weight:600;color:var(--text-primary)}.bmi-spectrum{background:rgba(0,0,0,.6);border-radius:20px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);box-shadow:0 16px 40px rgba(0,0,0,.7);margin-top:var(--spacing-sm);position:relative;padding-top:40px}.spectrum-bar{display:flex;height:50px;border-radius:25px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.zone{flex:1;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:rgba(0,0,0,.8);transition:all 0.3s}.zone.underweight{background:var(--bmi-underweight)}.zone.normal{background:var(--bmi-normal)}.zone.overweight{background:var(--bmi-overweight)}.zone.obese{background:var(--bmi-obese)}.zone-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.pointer{position:absolute;top:0;left:45%;transform:translateX(-50%);transition:left 0.5s cubic-bezier(.4,0,.2,1);text-align:center}.pointer-dot{width:20px;height:20px;background:#fff;border:3px solid var(--accent-primary);border-radius:50%;box-shadow:0 0 15px var(--glow-primary);animation:pulse-dot 2s infinite;margin:0 auto}@keyframes pulse-dot{0%,100%{transform:scale(1);box-shadow:0 0 15px var(--glow-primary)}50%{transform:scale(1.2);box-shadow:0 0 25px rgba(0,212,255,1)}}.pointer-label{display:block;margin-top:5px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.results-dashboard{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.section-title{font-size:clamp(2rem, 2.5vw + 1rem, 2.6rem);text-align:center;margin-bottom:var(--spacing-xl);position:relative;display:inline-block;left:50%;transform:translateX(-50%);letter-spacing:-.02em}.section-title::after{content:"";position:absolute;left:50%;bottom:-.4rem;transform:translateX(-50%);width:40%;height:3px;border-radius:999px;background:linear-gradient(120deg,#00d4ff,#00ff88);box-shadow:0 0 16px rgba(0,212,255,.6)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.metric-card{background:radial-gradient(circle at top,rgba(255,255,255,.06) 0%,rgba(0,0,0,.9) 70%);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:var(--spacing-md);text-align:center;transition:all 0.3s ease;opacity:0;transform:translateY(20px);animation:slideUp 0.6s ease forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.metric-card:nth-child(1){animation-delay:0.1s}.metric-card:nth-child(2){animation-delay:0.2s}.metric-card:nth-child(3){animation-delay:0.3s}.metric-card:nth-child(4){animation-delay:0.4s}.metric-card:hover{border-color:var(--accent-primary);box-shadow:0 0 20px var(--glow-primary);transform:translateY(-5px)}.metric-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.metric-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.metric-value{font-size:2.5rem;font-family:var(--font-mono);color:var(--accent-primary);margin:var(--spacing-sm) 0;font-weight:700}.metric-progress{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin:var(--spacing-sm) 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-success));border-radius:3px;transition:width 1s ease}.metric-desc{font-size:.85rem;color:var(--text-muted)}.weight-range-card{margin-bottom:var(--spacing-xl)}.card-title{font-size:1.5rem;margin-bottom:var(--spacing-md)}.range-bar-container{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.range-min,.range-max{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}.range-bar{flex:1;height:12px;background:linear-gradient(90deg,var(--bmi-underweight),var(--bmi-normal),var(--bmi-overweight),var(--bmi-obese));border-radius:6px;position:relative}.current-marker{position:absolute;top:-30px;left:60%;transform:translateX(-50%);transition:left 0.5s ease}.marker-dot{width:16px;height:16px;background:#fff;border:3px solid var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--glow-primary);margin:0 auto 5px}.marker-label{display:block;font-size:.85rem;font-weight:600;white-space:nowrap;color:var(--text-primary)}.range-insight{text-align:center;color:var(--text-secondary);margin-top:var(--spacing-md)}.range-insight strong{color:var(--accent-primary)}.visualization-section{padding:var(--spacing-xl) 0;background:var(--bg-primary)}.charts-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-lg)}.chart-card{border-radius:22px;background:radial-gradient(circle at top,rgba(255,255,255,.04) 0%,rgba(0,0,0,.92) 70%);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-lg)}.card-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.goal-slider-container{margin:var(--spacing-lg) 0}.slider-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.chart-wrapper{height:300px;margin:var(--spacing-lg) 0}.composition-wrapper{height:250px}.chart-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.insight-box{text-align:center;padding:var(--spacing-md);background:rgba(0,0,0,.4);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.insight-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.insight-value{display:block;font-size:1.5rem;font-family:var(--font-mono);color:var(--accent-primary);font-weight:700}.composition-legend{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm)}.legend-dot{width:16px;height:16px;border-radius:50%}.legend-text{color:var(--text-secondary)}.legend-text strong{color:var(--text-primary)}.recommendations-section{padding:var(--spacing-xl) 0;background:var(--bg-secondary)}.recommendation-card,.health-risks-card,.action-steps-card{border-radius:22px;background:radial-gradient(circle at top,rgba(255,255,255,.04) 0%,rgba(0,0,0,.9) 70%);border:1px solid rgba(255,255,255,.1)}.recommendation-card{margin-bottom:var(--spacing-lg)}.rec-icon{font-size:3rem;text-align:center;margin-bottom:var(--spacing-md)}.calorie-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.calorie-box{text-align:center;padding:var(--spacing-lg);background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.1);border-radius:12px;transition:all 0.3s}.calorie-box.highlight{border-color:var(--accent-success);background:rgba(0,255,136,.12)}.calorie-box:hover{transform:translateY(-5px);border-color:var(--accent-primary)}.calorie-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.calorie-value{display:block;font-size:1.8rem;font-family:var(--font-mono);color:var(--accent-primary);font-weight:700}.health-risks-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.risk-indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.risk-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(0,0,0,.45);border-radius:12px;border:2px solid;transition:all 0.3s}.risk-item.low{border-color:var(--accent-success)}.risk-item.moderate{border-color:var(--accent-warning)}.risk-item.high{border-color:var(--accent-danger)}.risk-icon{font-size:2rem}.risk-label{font-weight:600;text-align:center}.risk-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.risk-item.low .risk-badge{background:rgba(0,255,136,.2);color:var(--accent-success)}.risk-item.moderate .risk-badge{background:rgba(255,165,0,.2);color:var(--accent-warning)}.risk-item.high .risk-badge{background:rgba(255,71,87,.2);color:var(--accent-danger)}.action-steps-card{margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.action-list{list-style:none}.action-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:rgba(0,0,0,.4);border-radius:12px;border-left:4px solid var(--accent-primary);transition:all 0.3s}.action-item:hover{background:rgba(0,0,0,.55);transform:translateX(5px)}.action-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:var(--bg-primary);border-radius:50%;font-weight:700;font-size:1.2rem}.action-content h4{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.action-content p{color:var(--text-secondary);font-size:.95rem}.educational-section{padding:var(--spacing-xl) 0;background:var(--bg-primary)}.accordion{max-width:800px;margin:0 auto}.accordion-item{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:var(--spacing-md);overflow:hidden;transition:all 0.3s}.accordion-header{width:100%;padding:var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s;text-align:left;font-family:var(--font-primary)}.accordion-header:hover{background:rgba(255,255,255,.05)}.chevron{transition:transform 0.3s;flex-shrink:0}.accordion-item.active .chevron{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease-out,padding 0.4s ease-out;padding:0 var(--spacing-md)}.accordion-item.active .accordion-content{max-height:1000px;padding:0 var(--spacing-md) var(--spacing-md)}.accordion-content p{color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.8}.accordion-content ul{margin-left:var(--spacing-lg);color:var(--text-secondary)}.accordion-content ul li{margin-bottom:var(--spacing-xs)}.accordion-content strong{color:var(--text-primary)}.bmi-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.bmi-table th,.bmi-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.bmi-table th{color:var(--text-primary);font-weight:600;background:rgba(0,0,0,.3)}.bmi-table td{color:var(--text-secondary)}.footer{padding:var(--spacing-lg) 0;text-align:center;background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.1)}.footer p{color:var(--text-muted);margin-bottom:var(--spacing-xs)}.disclaimer{font-size:.85rem;max-width:600px;margin:0 auto}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.calculator-panel,.results-panel{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}.bmi-gauge-container{flex-direction:row;justify-content:flex-start}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-section{padding:var(--spacing-lg) 0 var(--spacing-xl)}.hero-content{gap:var(--spacing-md)}.bmi-gauge-container{flex-direction:column;align-items:center;text-align:center}.metrics-grid,.calorie-grid,.risk-indicators{grid-template-columns:1fr 1fr}.chart-insights{grid-template-columns:1fr}.bmi-gauge{width:140px;height:140px}.bmi-number{font-size:3rem}}@media (max-width:480px){.calculator-panel,.results-panel{border-radius:18px}.metrics-grid,.calorie-grid,.risk-indicators{grid-template-columns:1fr}.section-title{font-size:2rem}.zone-label{font-size:.7rem}.range-bar-container{flex-direction:column;align-items:stretch}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.6s ease forwards}