*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg-start:#0d0d2b;--bg-mid:#1a1042;--bg-end:#0d1b3e;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-glow:#a78bfa;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.12);--glass-hover:rgba(255,255,255,0.08);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--under:#38bdf8;--healthy:#4ade80;--over:#fb923c;--obese:#f87171;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'Courier New',Courier,monospace;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition:0.25s ease;--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--bg-start) 0,var(--bg-mid) 50%,var(--bg-end) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.7;min-height:100vh;overflow-x:hidden}body::after,body::before{content:'';position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}body::before{width:600px;height:600px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(124,58,237,.18) 0,transparent 70%)}body::after{width:500px;height:500px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(37,99,235,.18) 0,transparent 70%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-lg)}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.06) inset;position:relative;z-index:1;transition:box-shadow var(--transition),transform var(--transition)}.glass-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.08) inset}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:clamp(2rem, 5vw, 3.5rem)}h2{font-size:clamp(1.4rem, 3vw, 2rem);margin-bottom:var(--space-md)}h3{font-size:clamp(1.1rem, 2.5vw, 1.35rem);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}a{color:var(--accent-glow);text-decoration:none;transition:color var(--transition)}a:focus-visible,a:hover{color:#fff}a:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px;border-radius:3px}.site-header{position:sticky;top:0;z-index:100;background:rgba(13,13,43,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-md) 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:800;font-size:1.3rem;color:var(--text-primary);text-decoration:none;white-space:nowrap}.logo:focus-visible,.logo:hover{color:var(--accent-glow)}.logo-icon{font-size:1.5rem}.logo-text{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav ul{display:flex;gap:var(--space-xl);list-style:none}.main-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:500;padding:var(--space-xs) 0;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.main-nav a:focus-visible,.main-nav a:hover{color:var(--text-primary);border-bottom-color:var(--accent-purple)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px}.hamburger-bar{display:block;width:24px;height:2px;background:var(--text-secondary);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.nav-toggle[aria-expanded=true] .hamburger-bar:first-child{transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .hamburger-bar:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;position:relative}.hero-inner{position:relative;z-index:1}.breadcrumb{margin-bottom:var(--space-lg)}.breadcrumb ol{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);list-style:none}.breadcrumb li{color:var(--text-muted);font-size:.85rem}.breadcrumb li:not(:last-child)::after{content:'›';margin-left:var(--space-sm)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--accent-glow)}.hero-title{background:linear-gradient(135deg,#f1f5f9 0,#a78bfa 50%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease both}.hero-subtitle{font-size:clamp(1rem, 2.5vw, 1.2rem);color:var(--text-secondary);max-width:640px;margin-inline:auto;margin-bottom:var(--space-xl);animation:fadeInUp .6s .1s ease both}.hero-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;animation:fadeInUp .6s .2s ease both}.badge{display:inline-block;padding:var(--space-xs) var(--space-md);border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-bg);font-size:.8rem;font-weight:600;color:var(--accent-glow);letter-spacing:.03em}.section{padding:var(--space-3xl) 0;position:relative;z-index:1}.section-calculator{padding-top:0}.section-title{text-align:center;font-size:clamp(1.5rem, 3.5vw, 2.2rem);margin-bottom:var(--space-sm)}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1rem;margin-bottom:var(--space-2xl)}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.calculator-card{padding:var(--space-xl)}.results-card{padding:var(--space-xl)}.unit-toggle{display:flex;background:rgba(0,0,0,.25);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-xl);width:fit-content}.toggle-btn{padding:var(--space-sm) var(--space-xl);border:none;border-radius:calc(var(--radius-md) - 4px);cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-secondary);background:0 0;transition:all var(--transition)}.toggle-btn.active{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;box-shadow:0 2px 8px rgba(124,58,237,.4)}.toggle-btn:hover:not(.active){color:var(--text-primary)}.toggle-btn:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.input-group{border:none}.input-group.hidden{display:none}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-sm)}.field label{font-size:.875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.75rem 3rem .75rem var(--space-md);background:rgba(0,0,0,.25);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:border-color var(--transition),box-shadow var(--transition);appearance:textfield;-moz-appearance:textfield}.input-wrapper input::-webkit-inner-spin-button,.input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:focus{outline:0;border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.input-wrapper input.error{border-color:var(--obese);box-shadow:0 0 0 3px rgba(248,113,113,.2)}.input-unit{position:absolute;right:var(--space-md);color:var(--accent-glow);font-size:.8rem;font-weight:700;pointer-events:none;letter-spacing:.04em}.field-hint{font-size:.75rem;color:var(--text-muted)}.form-error{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);padding:var(--space-md);color:#fca5a5;font-size:.9rem;margin-bottom:var(--space-md)}.btn-row{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.85rem var(--space-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:all var(--transition);position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px}.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background var(--transition)}.btn:hover::after{background:rgba(255,255,255,.08)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple) 0,var(--accent-blue) 100%);color:#fff;box-shadow:0 4px 20px rgba(124,58,237,.4);flex:1}.btn-primary:hover{box-shadow:0 6px 28px rgba(124,58,237,.6);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.btn-secondary:hover{color:var(--text-primary);border-color:var(--accent-purple)}.btn-icon{font-size:1.1em}.results-card{animation:fadeInScale .4s ease both}.results-title{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-xl);text-align:center}.bmi-display{text-align:center;margin-bottom:var(--space-lg)}.bmi-value-wrapper{display:inline-flex;flex-direction:column;align-items:center}.bmi-value{font-size:clamp(3.5rem, 8vw, 5rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#f1f5f9,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s ease}.bmi-label{font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--space-xs)}.gauge-container{margin-bottom:var(--space-lg);position:relative}.gauge-track{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.3)}.gauge-segment{flex:1;transition:opacity var(--transition)}.seg-under{background:var(--under)}.seg-healthy{background:var(--healthy)}.seg-over{background:var(--over)}.seg-obese{background:var(--obese)}.gauge-needle{position:absolute;top:-4px;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent-purple);box-shadow:0 0 12px rgba(167,139,250,.8);transform:translateX(-50%);transition:left .6s cubic-bezier(.34,1.56,.64,1);left:50%;display:none}.gauge-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:var(--space-xs);padding:0 1px}.category-badge{text-align:center;margin-bottom:var(--space-lg)}.category-badge span{display:inline-block;padding:var(--space-sm) var(--space-xl);border-radius:999px;font-weight:700;font-size:1rem;letter-spacing:.04em;border:2px solid;transition:all .4s ease}.cat-under{color:var(--under);border-color:var(--under);background:rgba(56,189,248,.12)}.cat-healthy{color:var(--healthy);border-color:var(--healthy);background:rgba(74,222,128,.12)}.cat-over{color:var(--over);border-color:var(--over);background:rgba(251,146,60,.12)}.cat-obese{color:var(--obese);border-color:var(--obese);background:rgba(248,113,113,.12)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.stat-item{background:rgba(0,0,0,.2);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:.95rem;font-weight:700;color:var(--text-primary)}.content-section{background:rgba(0,0,0,.1)}.content-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-2xl);align-items:start}.content-main h2{margin-top:var(--space-2xl)}.content-main h2:first-child{margin-top:0}.formula-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:var(--space-lg) 0}.formula-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.formula-card figcaption{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.9rem}.formula-display{background:rgba(0,0,0,.3);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);text-align:center;margin-bottom:var(--space-md);border:1px solid var(--glass-border)}.formula-text{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent-glow)}.formula-card p{font-size:.875rem;margin-bottom:0}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--glass-border);margin:var(--space-lg) 0}table{width:100%;border-collapse:collapse;font-size:.9rem}caption{padding:var(--space-md);color:var(--text-muted);font-size:.8rem;text-align:left}th{background:rgba(124,58,237,.2);padding:var(--space-md) var(--space-lg);text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-glow);white-space:nowrap}td{padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(255,255,255,.05);color:var(--text-secondary)}tr:hover td{background:rgba(255,255,255,.03)}.row-under td:first-child{color:var(--under);font-weight:700}.row-healthy td:first-child{color:var(--healthy);font-weight:700}.row-over td:first-child{color:var(--over);font-weight:700}.row-obese1 td:first-child,.row-obese2 td:first-child,.row-obese3 td:first-child{color:var(--obese);font-weight:700}.styled-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.styled-list li{padding-left:var(--space-lg);position:relative;color:var(--text-secondary);font-size:.95rem}.styled-list li::before{content:'▸';position:absolute;left:0;color:var(--accent-purple);font-size:.8em;top:.15em}.sidebar-card{padding:var(--space-lg);margin-bottom:var(--space-lg)}.sidebar-heading{font-size:1rem;margin-bottom:var(--space-lg)}.tips-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-lg)}.tips-list li{display:flex;gap:var(--space-md);align-items:flex-start}.tip-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.tips-list strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:2px}.tips-list p{font-size:.82rem;color:var(--text-secondary);margin:0}.facts-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.facts-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.facts-list li:last-child{border-bottom:none}.fact-label{font-size:.85rem;color:var(--text-secondary)}.fact-value{font-size:.85rem;font-weight:700;color:var(--accent-glow)}.faq-section{background:rgba(0,0,0,.1)}.faq-list{display:flex;flex-direction:column;gap:var(--space-sm);max-width:860px;margin-inline:auto}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.faq-item[open]{border-color:var(--accent-purple)}.faq-question{padding:var(--space-lg);cursor:pointer;font-weight:600;font-size:1rem;color:var(--text-primary);list-style:none;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);transition:color var(--transition)}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';font-size:1.4rem;color:var(--accent-purple);flex-shrink:0;line-height:1;transition:transform var(--transition)}.faq-item[open] .faq-question::after{transform:rotate(45deg)}.faq-question:hover{color:var(--accent-glow)}.faq-question:focus-visible{outline:2px solid var(--accent-glow);outline-offset:2px}.faq-answer{padding:0 var(--space-lg) var(--space-lg);border-top:1px solid var(--glass-border)}.faq-answer p{margin-top:var(--space-md);margin-bottom:0;color:var(--text-secondary);font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.tool-card{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);color:inherit;text-decoration:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent-purple);box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 0 1px rgba(124,58,237,.2);color:inherit}.tool-card:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px;transform:translateY(-4px)}.tool-icon{font-size:2rem;display:block}.tool-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.tool-desc{font-size:.825rem;color:var(--text-secondary);flex:1;margin:0}.tool-link{font-size:.8rem;font-weight:600;color:var(--accent-glow);letter-spacing:.02em}.site-footer{background:rgba(0,0,0,.4);border-top:1px solid var(--glass-border);padding:var(--space-2xl) 0;position:relative;z-index:1}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xl)}.footer-tagline{font-size:.85rem;color:var(--text-muted);margin-top:var(--space-xs);margin-bottom:0}.footer-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-lg);list-style:none}.footer-nav a{color:var(--text-secondary);font-size:.9rem}.footer-nav a:hover{color:var(--accent-glow)}.footer-copy{font-size:.8rem;color:var(--text-muted);margin:0;width:100%;text-align:center;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.05)}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,.4)}50%{box-shadow:0 0 0 8px rgba(167,139,250,0)}}@media (max-width:900px){.content-layout{grid-template-columns:1fr}.content-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.content-sidebar .sidebar-card{margin-bottom:0}}@media (max-width:768px){.calculator-layout{grid-template-columns:1fr}.formula-cards{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:flex}.main-nav{position:absolute;top:100%;left:0;right:0;background:rgba(13,13,43,.98);border-bottom:1px solid var(--glass-border);padding:var(--space-lg);display:none}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:0}.main-nav a{display:block;padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.05)}.main-nav a:last-child{border-bottom:none}.site-header{position:relative}}@media (max-width:600px){.content-sidebar{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.btn-row{flex-direction:column}.btn{justify-content:center}.stats-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}