:root{--bg-primary:#0a1628;--bg-secondary:#111d35;--bg-card:#162240;--bg-card-hover:#1a2a4e;--bg-input:#0d1a30;--accent:#00d4aa;--accent-dark:#00b894;--accent-glow:#00d4aa26;--accent-orange:#ff7a45;--text-primary:#fff;--text-secondary:#8899b4;--text-muted:#5a6b85;--border:#1e3050;--border-light:#253a5c;--success:#00d68f;--error:#ff4757;--warning:#ffc048;--radius:16px;--radius-sm:10px;--radius-lg:24px;--shadow:0 8px 32px #0000004d;--shadow-sm:0 4px 16px #0003;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}body,html{overscroll-behavior-y:contain}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#0a1628;background:var(--bg-primary);color:#fff;color:var(--text-primary);direction:rtl;font-family:Tajawal,sans-serif;line-height:1.6;min-height:100vh;min-height:100dvh}input,select,textarea{appearance:none;font-family:inherit;font-size:16px!important}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:active{transform:scale(.97);transition:transform .1s ease}*{-webkit-overflow-scrolling:touch}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}div[contenteditable],h1,h2,h3,h4,h5,h6,input,p,span,textarea{-webkit-user-select:text;user-select:text}}a{color:#00d4aa;color:var(--accent);text-decoration:none}img{max-width:100%}.container{margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 24px}.page{min-height:100vh;min-height:100dvh;padding:calc(80px + env(safe-area-inset-top, 0)) env(safe-area-inset-right,0) calc(40px + env(safe-area-inset-bottom, 0)) env(safe-area-inset-left,0)}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a1628eb;border-bottom:1px solid #1e3050;border-bottom:1px solid var(--border);left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:1000}.navbar-inner{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;max-width:var(--max-width);padding:0 24px}.navbar-inner,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#00d4aa;color:var(--accent);font-size:1.4rem;font-weight:900;gap:8px}.navbar-links{align-items:center;display:flex;gap:4px;list-style:none}.nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);color:#8899b4;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-direction:row;font-family:Tajawal,sans-serif;font-size:.88rem;font-weight:700;gap:6px;padding:8px 14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.nav-item:hover{background:#162240;background:var(--bg-card);color:#fff;color:var(--text-primary)}.nav-item--active{background:#00d4aa26;background:var(--accent-glow);color:#00d4aa;color:var(--accent)}.nav-item--cta{background:#00d4aa!important;background:var(--accent)!important;color:#0a1628!important;color:var(--bg-primary)!important;font-weight:800!important}.nav-item--cta:hover{background:#00b894!important;background:var(--accent-dark)!important;transform:translateY(-1px)}.nav-item--logout{color:#ff4757!important;color:var(--error)!important}.nav-item--logout:hover{background:#ff47571a!important}.nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.nav-item-icon svg{height:100%;width:100%}.nav-item-label{line-height:1}.lang-btn{align-items:center;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:.8rem;font-weight:800;gap:5px;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.lang-btn:hover{background:#ffffff1f}.navbar-top{display:none}.navbar-logo--desktop{display:flex}.bottom-tab-bar{display:none}@media (max-width:768px){.bottom-tab-bar{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a1628f7;border-top:1px solid #1e3050;border-top:1px solid var(--border);bottom:0;display:flex;left:0;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);position:fixed;right:0;z-index:1000}.tab-item{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#94a3b8;cursor:pointer;flex:1 1;flex-direction:column;font-family:Tajawal,sans-serif;gap:4px;min-height:58px;padding:8px 2px 6px;position:relative;transition:color .2s ease}.tab-item,.tab-item-icon{align-items:center;display:flex;justify-content:center}.tab-item-icon{background:#0000;border-radius:50%;box-sizing:border-box;height:38px;padding:7px;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:38px}.tab-item-icon svg{height:100%;width:100%}.tab-item--active{color:#00d4aa;color:var(--accent)}.tab-item--active .tab-item-icon{background:#00d4aa26;background:var(--accent-glow);box-shadow:0 2px 8px #00d4aa40;transform:translateY(-2px)}.tab-item--logout{color:#ff4757;color:var(--error)}.tab-item-label{color:inherit;font-size:.62rem;font-weight:700;letter-spacing:.2px;line-height:1}.tab-item--active .tab-item-label{color:#00d4aa;color:var(--accent);font-weight:800}.bottom-tab-bar{overflow:visible}.tab-item--center{flex:1 1;overflow:visible;position:relative}.tab-center-bubble{background:linear-gradient(135deg,#00d4aa,#00b894);background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:50%;box-shadow:0 -2px 0 4px #0a1628,0 8px 22px #00d4aa73,0 4px 10px #00000059;box-shadow:0 -2px 0 4px var(--bg-primary),0 8px 22px #00d4aa73,0 4px 10px #00000059;height:64px;left:50%;position:absolute;top:-26px;transform:translateX(-50%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:64px}.tab-center-bubble,.tab-center-icon{align-items:center;color:#fff;display:flex;justify-content:center}.tab-center-icon{height:30px;width:30px}.tab-center-icon svg{fill:#fff;color:#fff;height:100%;width:100%}.tab-item--center-active .tab-center-bubble,.tab-item--center:active .tab-center-bubble{transform:translateX(-50%) scale(1.06)}.tab-center-label{color:#00d4aa;color:var(--accent);font-weight:900;margin-top:38px}.tab-item--center:before{display:none}}.hero{overflow:hidden;padding:120px 0 80px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle,#00d4aa26 0,#0000 70%);background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:800px}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.2;margin-bottom:20px;position:relative}.hero h1 span{color:#00d4aa;color:var(--accent)}.hero p{color:#8899b4;color:var(--text-secondary);font-size:1.15rem;margin:0 auto 36px;max-width:600px}.btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:800;gap:10px;justify-content:center;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:#00d4aa;background:var(--accent);box-shadow:0 4px 20px #00d4aa4d;color:#0a1628;color:var(--bg-primary)}.btn-primary:hover{background:#00b894;background:var(--accent-dark);box-shadow:0 8px 30px #00d4aa66;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #00d4aa;border:2px solid var(--accent);color:#00d4aa;color:var(--accent)}.btn-outline:hover{background:#00d4aa26;background:var(--accent-glow)}.btn-ghost{background:#162240;background:var(--bg-card);border:1px solid #1e3050;border:1px solid var(--border);color:#fff;color:var(--text-primary)}.btn-ghost:hover{background:#1a2a4e;background:var(--bg-card-hover);border-color:#00d4aa;border-color:var(--accent)}.btn-full{width:100%}.btn-lg{font-size:1.1rem;padding:18px 40px}.btn-sm{font-size:.85rem;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.card{background:#162240;background:var(--bg-card);border:1px solid #1e3050;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{border-color:#253a5c;border-color:var(--border-light);box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid #1e3050;border-bottom:1px solid var(--border);font-size:1rem;font-weight:800;padding:18px 24px}.card-body{padding:20px 24px}.input,select.input{background:#0d1a30;background:var(--bg-input);border:2px solid #1e3050;border:2px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:.95rem;outline:none;padding:14px 18px;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input:focus{border-color:#00d4aa;border-color:var(--accent);box-shadow:0 0 0 3px #00d4aa26;box-shadow:0 0 0 3px var(--accent-glow)}.input::placeholder{color:#5a6b85;color:var(--text-muted)}.form-group{margin-bottom:20px}.form-label{color:#8899b4;color:var(--text-secondary);display:block;font-size:.88rem;font-weight:700;margin-bottom:8px}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.section{padding:60px 0}.section-title{font-size:1.8rem;font-weight:900;margin-bottom:12px}.section-subtitle{color:#8899b4;color:var(--text-secondary);font-size:1rem;margin-bottom:40px}.alert{border-radius:10px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;margin-bottom:16px;padding:14px 20px}.alert-success{background:#00d68f1f;border:1px solid #00d68f40;color:#00d68f;color:var(--success)}.alert-error{background:#ff47571f;border:1px solid #ff475740;color:#ff4757;color:var(--error)}.alert-warning{background:#ffc0481f;border:1px solid #ffc04840;color:#ffc048;color:var(--warning)}.loading{color:#5a6b85;color:var(--text-muted);gap:18px;justify-content:center;padding:60px 20px}.foody-loader,.loading{align-items:center;display:flex;flex-direction:column}.foody-loader{gap:14px}.foody-loader-plate{animation:foodyBounce 1.2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 12px rgba(0,212,170,.35));font-size:3rem}@keyframes foodyBounce{0%,to{transform:translateY(0) scale(1) rotate(-4deg)}50%{transform:translateY(-10px) scale(1.1) rotate(4deg)}}.foody-loader-dots{display:flex;gap:6px}.foody-loader-dots span{animation:foodyDot 1s ease-in-out infinite;background:#00d4aa;background:var(--accent,#00d4aa);border-radius:50%;height:8px;width:8px}.foody-loader-dots span:nth-child(2){animation-delay:.15s}.foody-loader-dots span:nth-child(3){animation-delay:.3s}@keyframes foodyDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.foody-loader-text{color:#00d4aa;color:var(--accent,#00d4aa);font-size:.85rem;font-weight:700;letter-spacing:.5px;opacity:.85}.spinner{animation:spin .7s linear infinite;border:3px solid #1e3050;border-top-color:#00d4aa;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.whatsapp-float{align-items:center;background:#25d366;border:none;border-radius:50%;bottom:calc(22px + env(safe-area-inset-bottom, 0));box-shadow:0 6px 20px #25d36673;color:#fff;cursor:pointer;display:flex;height:58px;justify-content:center;left:calc(22px + env(safe-area-inset-left, 0));position:fixed;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:58px;z-index:9999}.whatsapp-float:hover{box-shadow:0 8px 26px #25d36699;transform:scale(1.08)}.whatsapp-float svg{fill:#fff;height:32px;width:32px}.whatsapp-float:before{animation:whatsappPulse 1.8s ease-out infinite;background:#25d366;border-radius:50%;content:"";inset:0;position:absolute;z-index:-1}@keyframes whatsappPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@media (max-width:768px){.whatsapp-float{bottom:calc(96px + env(safe-area-inset-bottom, 0));box-shadow:0 4px 14px #25d36666;height:46px;left:14px;width:46px}.whatsapp-float svg{height:24px;width:24px}.whatsapp-float:before{display:none}}.coupon-banner{animation:bannerShimmer 4s linear infinite;background:linear-gradient(90deg,#00d4aa,#00b894 50%,#ff7a45);background-size:200% 100%;box-shadow:0 2px 10px #00000040;color:#0a1628;cursor:pointer;left:0;position:fixed;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:1100}@keyframes bannerShimmer{0%{background-position:0 0}to{background-position:200% 0}}.coupon-banner-inner{align-items:center;display:flex;flex-wrap:nowrap;font-size:.85rem;font-weight:800;gap:10px;justify-content:center;margin:0 auto;max-width:1280px;overflow:hidden;padding:8px 40px 8px 16px;position:relative}.coupon-banner-icon{animation:bannerPulse 1.4s ease-in-out infinite;font-size:1.05rem}@keyframes bannerPulse{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.15) rotate(5deg)}}.coupon-banner-label{opacity:.85}.coupon-banner-code{align-items:center;background:#0a1628e6;border-radius:6px;color:#00d4aa;cursor:pointer;display:inline-flex;font-family:Courier New,monospace;font-weight:900;gap:6px;letter-spacing:1px;padding:3px 10px;transition:transform .15s ease}.coupon-banner-code:hover{transform:scale(1.05)}.coupon-banner-sep{opacity:.5}.coupon-banner-timer{background:#0a1628d9;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-weight:900;letter-spacing:1px;padding:3px 10px}.coupon-banner-cta{background:#0a1628e6;border:none;border-radius:6px;color:#00d4aa;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:900;margin-inline-start:4px;padding:5px 12px;transition:background .15s ease}.coupon-banner-cta:hover{background:#0a1628;color:#fff}.coupon-banner-close{align-items:center;background:#0a162880;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;inset-inline-end:8px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:24px}.coupon-banner-close:hover{background:#0a1628d9}body.has-coupon-banner .navbar{top:40px}body.has-coupon-banner .page{padding-top:calc(120px + env(safe-area-inset-top, 0))}@media (max-width:640px){.coupon-banner-inner{font-size:.72rem;gap:6px;padding:6px 32px 6px 10px}.coupon-banner-label,.coupon-banner-sep{display:none}.coupon-banner-cta{font-size:.7rem;padding:4px 8px}.coupon-banner-code,.coupon-banner-timer{font-size:.72rem;padding:2px 7px}body.has-coupon-banner .navbar{top:36px}body.has-coupon-banner .page{padding-top:140px}}.coupon-popup-overlay{align-items:center;animation:couponFadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes couponFadeIn{0%{opacity:0}to{opacity:1}}.coupon-popup{animation:couponSlideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#1a2942,#0f1a2e);border:1px solid #00d4aa4d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 80px #00d4aa26;max-width:380px;padding:32px 24px 24px;position:relative;text-align:center;width:100%}@keyframes couponSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.coupon-popup-close{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:32px;justify-content:center;line-height:1;position:absolute;right:14px;top:12px;width:32px}.coupon-popup-close:hover{background:#ffffff26}.coupon-popup-icon{animation:couponBounce 1.2s ease-in-out infinite;font-size:3.5rem;margin-bottom:12px}@keyframes couponBounce{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}}.coupon-popup-title{color:#fff;font-size:1.4rem;font-weight:900;margin:0 0 8px}.coupon-popup-message{color:#ffffffbf;font-size:.92rem;line-height:1.5;margin:0 0 22px}.coupon-popup-code{align-items:center;background:linear-gradient(135deg,#00d4aa26,#00d4aa0d);border:2px dashed #00d4aa;border-radius:12px;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:14px 16px;transition:transform .15s ease}.coupon-popup-code:hover{transform:scale(1.02)}.coupon-popup-code-label{color:#fff9;font-size:.8rem;font-weight:700}.coupon-popup-code-value{color:#00d4aa;font-family:Courier New,monospace;font-size:1.3rem;font-weight:900;letter-spacing:2px}.coupon-popup-copy{font-size:1rem;opacity:.7}.coupon-popup-timer{margin-bottom:20px}.coupon-popup-timer-label{color:#fff9;font-size:.78rem;font-weight:700;margin-bottom:6px}.coupon-popup-timer-value{color:#ff7a45;font-family:Courier New,monospace;font-size:2rem;font-weight:900;letter-spacing:2px;margin-bottom:8px}.coupon-popup-timer-bar{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden;width:100%}.coupon-popup-timer-bar-fill{background:linear-gradient(90deg,#ff7a45,#ff4757);border-radius:999px;height:100%;transition:width 1s linear}.coupon-popup-btn{background:linear-gradient(135deg,#00d4aa,#00b894);border:none;border-radius:12px;box-shadow:0 6px 18px #00d4aa59;color:#0a1628;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:900;margin-bottom:10px;padding:14px 20px;transition:transform .15s ease,box-shadow .2s ease;width:100%}.coupon-popup-btn:hover{box-shadow:0 10px 24px #00d4aa80;transform:translateY(-2px)}.coupon-popup-skip{background:none;border:none;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.85rem;padding:6px}.coupon-popup-skip:hover{color:#fffc}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;padding:4px 14px}.stat-box{background:#111d35;background:var(--bg-secondary);border:1px solid #1e3050;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);padding:16px;text-align:center}.stat-box .num{color:#00d4aa;color:var(--accent);font-size:1.8rem;font-weight:900}.stat-box .lbl{font-size:.78rem;margin-top:4px}.footer,.stat-box .lbl{color:#5a6b85;color:var(--text-muted)}.footer{background:#111d35;background:var(--bg-secondary);border-top:1px solid #1e3050;border-top:1px solid var(--border);font-size:.88rem;padding:40px 0;text-align:center}@media (max-width:768px){.footer{padding-bottom:calc(110px + env(safe-area-inset-bottom, 0))}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease forwards}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 16px}.page{padding-bottom:calc(92px + env(safe-area-inset-bottom, 0px));padding-top:calc(56px + env(safe-area-inset-top, 0))}.hero{padding:80px 0 40px}.hero h1{font-size:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:40px 0}.navbar-inner{flex-direction:row;height:56px;padding:0 16px}.navbar-inner,.navbar-top{align-items:center;justify-content:space-between}.navbar-top{display:flex;width:100%}.navbar-logo{font-size:1.2rem;gap:7px}.lang-btn--desktop,.navbar-links,.navbar-logo--desktop{display:none!important}.lang-btn{font-size:.72rem;gap:4px;padding:5px 10px}body.has-coupon-banner .page{padding-top:calc(92px + env(safe-area-inset-top, 0))}}@media (max-width:480px){.hero h1{font-size:1.7rem}.btn-lg{font-size:1rem;padding:14px 28px}}.bottom-tab-bar,.coupon-banner,.coupon-banner-icon,.coupon-popup-icon,.foody-loader-plate,.navbar,.whatsapp-float{will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a1628;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1e3050;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4aa;background:var(--accent)}.bmi-page{background:radial-gradient(1200px 600px at 50% -100px,#00d4aa26,#0000 60%),#0a1628;background:radial-gradient(1200px 600px at 50% -100px,var(--accent-glow),#0000 60%),var(--bg-primary);min-height:100vh;padding:100px 16px 120px}.bmi-container{margin:0 auto;max-width:760px}.bmi-hero{animation:fadeInUp .5s ease;margin-bottom:28px;text-align:center}.bmi-hero__icon{font-size:3rem;margin-bottom:12px}.bmi-hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#fff);background:linear-gradient(135deg,var(--accent),#fff);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:900;margin-bottom:8px}.bmi-hero__sub{color:#8899b4;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0 auto;max-width:540px}.bmi-card{animation:fadeInUp .6s ease;background:#162240;background:var(--bg-card);border:1px solid #1e3050;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);padding:24px}.bmi-form{gap:18px}.bmi-field,.bmi-form{display:flex;flex-direction:column}.bmi-field{gap:8px}.bmi-label{color:#8899b4;color:var(--text-secondary);font-size:.9rem;font-weight:700}.bmi-gender{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.bmi-gender__btn{align-items:center;background:#0d1a30;background:var(--bg-input);border:2px solid #1e3050;border:2px solid var(--border);border-radius:16px;border-radius:var(--radius);color:#8899b4;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:800;gap:8px;justify-content:center;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.bmi-gender__btn.is-active{background:#00d4aa26;background:var(--accent-glow);border-color:#00d4aa;border-color:var(--accent);box-shadow:0 4px 18px #00d4aa26;box-shadow:0 4px 18px var(--accent-glow);color:#00d4aa;color:var(--accent)}.bmi-gender__icon{font-size:1.3rem}.bmi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.bmi-grid{grid-template-columns:1fr}}.bmi-input-wrap{position:relative}.bmi-input{-webkit-text-fill-color:#fff;background:#0d1a30;background:var(--bg-input);border:2px solid #1e3050;border:2px solid var(--border);border-radius:16px;border-radius:var(--radius);caret-color:#00d4aa;caret-color:var(--accent);color:#fff!important;font-family:inherit;font-size:16px!important;font-weight:700;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.bmi-input,[dir=ltr] .bmi-input{padding:14px 56px 14px 18px}.bmi-input:focus{border-color:#00d4aa;border-color:var(--accent);box-shadow:0 0 0 3px #00d4aa26;box-shadow:0 0 0 3px var(--accent-glow)}.bmi-input::placeholder{-webkit-text-fill-color:#ffffff59;color:#ffffff59}.bmi-input-suffix{background:#00d4aa1f;border-radius:8px;color:#00d4aa;color:var(--accent);font-size:.85rem;font-weight:800;left:14px;padding:4px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}[dir=ltr] .bmi-input-suffix{left:auto;right:14px}.bmi-error{background:#ef44441f;border:1px solid #ef444466;border-radius:10px;border-radius:var(--radius-sm);color:#fca5a5;font-size:.9rem;font-weight:700;padding:10px 14px}.bmi-actions{display:flex;gap:10px;margin-top:6px}.bmi-btn-primary{align-items:center;background:#00d4aa;background:var(--accent);border:none;border-radius:16px;border-radius:var(--radius);box-shadow:0 6px 24px #00d4aa26;box-shadow:0 6px 24px var(--accent-glow);color:#0a1628;color:var(--bg-primary);cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:1.05rem;font-weight:900;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.bmi-btn-primary:hover{background:#00b894;background:var(--accent-dark);transform:translateY(-2px)}.bmi-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.bmi-btn-ghost{background:#0d1a30;background:var(--bg-input);border:2px solid #1e3050;border:2px solid var(--border);border-radius:16px;border-radius:var(--radius);color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:800;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.bmi-btn-ghost:hover{border-color:#00d4aa;border-color:var(--accent);color:#00d4aa;color:var(--accent)}.bmi-result{animation:fadeInUp .6s ease;background:#162240;background:var(--bg-card);border:1px solid #1e3050;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-top:24px;overflow:hidden}.bmi-result__top{align-items:center;border-bottom:1px solid #1e3050;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:28px 24px}.bmi-result__num{font-size:3.4rem;font-weight:900;letter-spacing:-1px;line-height:1}.bmi-result__label{color:#8899b4;color:var(--text-secondary);font-size:.85rem;font-weight:700;margin-top:4px}.bmi-result__badge{border-radius:999px;box-shadow:0 8px 24px #00000040;color:#fff;font-size:.95rem;font-weight:900;padding:10px 18px;white-space:nowrap}.bmi-bar-wrap{padding:28px 24px 18px}.bmi-bar{background:#0d1a30;background:var(--bg-input);border-radius:999px;display:flex;height:16px;overflow:visible;position:relative}.bmi-bar__seg:first-child{border-radius:999px 0 0 999px}.bmi-bar__seg:last-child,[dir=rtl] .bmi-bar__seg:first-child{border-radius:0 999px 999px 0}[dir=rtl] .bmi-bar__seg:last-child{border-radius:999px 0 0 999px}.bmi-bar__seg{height:100%}.bmi-bar__pin{align-items:center;animation:slideDown .5s ease;display:flex;flex-direction:column;pointer-events:none;position:absolute;top:-8px;width:24px}.bmi-bar__pin-dot{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:24px;width:24px}.bmi-bar__pin-stem{background:#fff6;height:8px;margin-top:2px;width:2px}.bmi-bar__pin-label{background:#0d1a30;background:var(--bg-input);border:1px solid #1e3050;border:1px solid var(--border);border-radius:6px;color:#fff;color:var(--text-primary);font-size:.8rem;font-weight:900;margin-top:4px;padding:2px 8px;white-space:nowrap}.bmi-bar__scale{color:#5a6b85;color:var(--text-muted);display:flex;font-size:.72rem;font-weight:700;justify-content:space-between;margin-top:64px}.bmi-legend{border-top:1px dashed #1e3050;border-top:1px dashed var(--border);display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;margin-top:18px;padding-top:16px}.bmi-legend__item{align-items:center;color:#8899b4;color:var(--text-secondary);display:inline-flex;font-size:.78rem;gap:6px}.bmi-legend__dot{border-radius:50%;height:10px;width:10px}.bmi-info{border-top:1px solid #1e3050;border-top:1px solid var(--border);padding:20px 24px}.bmi-info__row{align-items:center;border-bottom:1px dashed #1e3050;border-bottom:1px dashed var(--border);display:flex;gap:10px;justify-content:space-between;margin-bottom:14px;padding-bottom:14px}.bmi-info__key{color:#8899b4;color:var(--text-secondary);font-size:.9rem;font-weight:700}.bmi-info__val{font-size:1rem;font-weight:800}.bmi-advice{color:#fff;color:var(--text-primary);font-size:.95rem;line-height:1.8}.bmi-share{border-top:1px solid #1e3050;border-top:1px solid var(--border);padding:18px 24px 24px;text-align:center}.bmi-btn-share{max-width:420px;width:100%}.bmi-share__hint{color:#5a6b85;color:var(--text-muted);font-size:.82rem;line-height:1.6;margin-top:12px}.bmi-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.bmi-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#162240;background:var(--bg-card);border:1px solid #1e3050;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000080;max-width:440px;padding:24px;position:relative;width:100%}.bmi-modal__close{background:#0d1a30;background:var(--bg-input);border:1px solid #1e3050;border:1px solid var(--border);border-radius:50%;color:#8899b4;color:var(--text-secondary);cursor:pointer;font-size:1rem;height:32px;left:12px;position:absolute;top:12px;width:32px}[dir=ltr] .bmi-modal__close{left:auto;right:12px}.bmi-modal__close:hover{border-color:#00d4aa;border-color:var(--accent);color:#fff;color:var(--text-primary)}.bmi-modal__title{font-size:1.15rem;font-weight:900;margin-bottom:6px}.bmi-modal__sub{color:#8899b4;color:var(--text-secondary);font-size:.88rem;line-height:1.7;margin-bottom:18px}.bmi-modal__actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}@media (max-width:600px){.bmi-page{padding:80px 12px 100px}.bmi-hero__title{font-size:1.55rem}.bmi-result__num{font-size:2.8rem}.bmi-result__top{align-items:flex-start;flex-direction:column}}