:root{--banner-h:40px;--navbar-h:66px;--header-total:calc(var(--banner-h) + var(--navbar-h))}.page-top{padding-top:var(--header-total)}.page-top-no-banner{padding-top:var(--navbar-h)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--b-900:#0f172a;--b-800:#1e293b;--b-700:#1d4ed8;--b-600:#2563eb;--b-500:#3b82f6;--b-400:#60a5fa;--b-300:#93c5fd;--b-200:#bfdbfe;--b-100:#dbeafe;--b-50:#eff6ff;--c-500:#06b6d4;--c-400:#22d3ee;--c-100:#cffafe;--n-900:#0f172a;--n-800:#1e293b;--n-700:#334155;--n-600:#475569;--n-500:#64748b;--n-400:#94a3b8;--n-300:#cbd5e1;--n-200:#e2e8f0;--n-100:#f1f5f9;--n-50:#f8fafc;--page-bg:#f0f5ff;--surface:#fff;--surface-2:#f7f9ff;--surface-3:#eef2ff;--amber:#f59e0b;--violet:#8b5cf6;--rose:#f43f5e;--green:#10b981;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--shadow-sm:0 1px 3px #1e40af0f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #1e40af1a, 0 2px 6px #0000000d;--shadow-lg:0 12px 40px #1e40af24, 0 4px 16px #00000012;--shadow-glow:0 0 40px #3b82f638;--font-body:"Outfit", sans-serif;--font-display:"Fraunces", serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--page-bg);color:var(--n-900);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--b-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--b-400)}body:before{content:"";pointer-events:none;z-index:9999;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 2rem;position:relative}.gradient-text{background:linear-gradient(135deg, var(--b-600) 0%, var(--c-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffffe6}.glass-dark{-webkit-backdrop-filter:blur(20px);background:#0f172abf;border:1px solid #ffffff14}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px #3b82f64d}50%{box-shadow:0 0 40px #3b82f6a6}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes beam{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(400%)skew(-15deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#fff3;width:30%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.btn:hover:before{animation:.5s forwards beam}.btn-primary{background:linear-gradient(135deg, var(--b-700) 0%, var(--b-500) 60%, var(--c-500) 100%);color:#fff;box-shadow:0 4px 20px #3b82f659,inset 0 0 0 1px #ffffff1f}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 32px #3b82f680,0 0 50px #3b82f626}.btn-primary:active{transform:translateY(0)scale(.99)}.btn-ghost{color:var(--n-700);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #3b82f633}.btn-ghost:hover{color:var(--b-600);box-shadow:var(--shadow-sm);background:#fff;border-color:#3b82f666;transform:translateY(-1px)}.btn-dark{background:var(--b-50);color:var(--b-700);border:1px solid var(--b-200)}.btn-dark:hover{background:var(--b-100);border-color:var(--b-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-sm{padding:8px 18px;font-size:13px}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-blue{background:var(--b-50);color:var(--b-700);border:1px solid var(--b-200)}.badge-cyan{background:var(--c-100);color:#0e7490;border:1px solid #a5f3fc}.badge-purple{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe}.badge-amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge-rose{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.badge-green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);border:1px solid #3b82f61a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card:hover{box-shadow:var(--shadow-lg), 0 0 0 1px #3b82f614;border-color:#3b82f64d;transform:translateY(-5px)}.input-field{background:var(--n-50);border:1px solid var(--n-200);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--n-900);outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.input-field::placeholder{color:var(--n-400)}.input-field:focus{border-color:var(--b-400);background:#fff;box-shadow:0 0 0 3px #3b82f61f}.input-label{color:var(--n-700);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.divider{background:linear-gradient(90deg, transparent, var(--b-200), transparent);height:1px;margin:1.25rem 0}.marquee-wrapper{overflow:hidden}.marquee-track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}@media (width<=1024px){.container{padding:0 1.5rem}.dashboard-sidebar{width:64px!important}.dashboard-sidebar .s-label,.dashboard-sidebar .a-name,.dashboard-sidebar .a-prog,.dashboard-sidebar .s-sec-lbl,.dashboard-sidebar .s-logo span{display:none!important}}@media (width<=768px){.container{padding:0 1rem}h1{font-size:clamp(2rem,8vw,3rem)!important}h2{font-size:clamp(1.5rem,6vw,2rem)!important}.hero-grid{grid-template-columns:1fr!important;gap:2rem!important}.hero-card-preview{display:none!important}.hero-actions{flex-direction:column!important;align-items:stretch!important}.hero-actions .btn{text-align:center;justify-content:center}.hero-stats-row{gap:1.5rem!important}.stats-row-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.grid-2col,.grid-3col{grid-template-columns:1fr!important}.grid-4col{grid-template-columns:repeat(2,1fr)!important}.programs-grid,.coaches-grid,.pb-grid{grid-template-columns:1fr!important}.sport-cards-grid{grid-template-columns:repeat(2,1fr)!important}.steps-grid{grid-template-columns:1fr!important;gap:2.5rem!important}.steps-connector,.how-connector,.nav-desktop-links{display:none!important}.nav-mobile-btn{display:flex!important}.nav-cta-group{display:none!important}.sport-select-grid{grid-template-columns:repeat(3,1fr)!important}.level-select-grid{grid-template-columns:1fr 1fr!important}.goal-select-grid{grid-template-columns:1fr!important}.dashboard-layout{flex-direction:column!important}.dashboard-sidebar{display:none!important}.dashboard-main{width:100%!important}.dashboard-topbar{padding:0 1rem!important}.dashboard-content{padding:1rem!important}.dash-stats-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dash-grid-2,.dash-grid-3{grid-template-columns:1fr!important}.msg-conv-list{display:none!important}.msg-conv-list.open{display:flex!important}.settings-layout{grid-template-columns:1fr!important}.settings-tabs-row{flex-flow:wrap!important;gap:4px!important;display:flex!important}.settings-tabs-row button{flex:auto!important;min-width:80px!important}.footer-inner{text-align:center!important;flex-direction:column!important;gap:1rem!important}.footer-links{justify-content:center!important}.marquee-track span{font-size:11px!important}.progress-grid-2{grid-template-columns:1fr!important}.notif-dropdown{width:calc(100vw - 2rem)!important;right:-1rem!important}.prog-header-inner{flex-direction:column!important;gap:1rem!important}.prog-header-pct{text-align:left!important}}@media (width<=480px){.container{padding:0 .75rem}.sport-select-grid{grid-template-columns:repeat(2,1fr)!important}.form-two-col{grid-template-columns:1fr!important}.stats-row-4,.grid-4col{grid-template-columns:1fr 1fr!important}.hero-stats-row{flex-wrap:wrap!important}.cta-section{padding:3rem 1.25rem!important}.cta-actions{flex-direction:column!important;align-items:stretch!important}.cta-actions a{text-align:center;justify-content:center}}.mobile-bottom-nav{padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100;background:#fff;border-top:1px solid #3b82f61f;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #1e40af14}.mobile-bottom-nav-inner{justify-content:space-around;align-items:center;display:flex}.mobile-nav-item{cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;transition:all .15s;display:flex;position:relative}.mobile-nav-item span{color:var(--n-500);font-size:10px;font-weight:500}.mobile-nav-item.active span{color:var(--b-600)}.mobile-nav-item.active svg{color:var(--b-600)!important}.mobile-nav-badge{background:var(--b-500);color:#fff;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:8px}@media (width<=768px){.mobile-bottom-nav{display:block}.dashboard-content{padding-bottom:80px!important}}