@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6C63FF;--primary-dark: #4F46E5;--primary-light: rgba(108,99,255,.18);--primary-glow: rgba(108,99,255,.3);--teal: #5CC8A0;--teal-light: rgba(92,200,160,.15);--amber: #E8A838;--amber-light:rgba(232,168,56,.15);--coral: #F07B6A;--coral-light:rgba(240,123,106,.15);--blue: #4A90D9;--purple: #B57BF7;--gold: #E8A838;--gold-dark: #c98a1e;--gold-light: rgba(232,168,56,.18);--bg: transparent;--surface: rgba(255,255,255,.08);--surface-2: rgba(255,255,255,.12);--surface-3: rgba(255,255,255,.16);--border: rgba(255,255,255,.13);--border-2: rgba(255,255,255,.07);--text: #e2e8f0;--text-2: #cbd5e1;--muted: rgba(255,255,255,.45);--subtle: rgba(255,255,255,.25);--sidebar-bg: rgba(8,12,26,.92);--sidebar-w: 252px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 2px 12px rgba(0,0,0,.25);--shadow: 0 8px 32px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.2);--shadow-lg: 0 16px 48px rgba(0,0,0,.45);--shadow-gold: 0 8px 32px rgba(232,168,56,.35);--glow-blue: 0 0 30px rgba(74,144,217,.25);--glow-purple: 0 0 30px rgba(181,123,247,.25)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}@keyframes bfloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-80px) scale(1.15)}66%{transform:translate(-40px,60px) scale(.9)}}@keyframes bfloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,50px) scale(1.2)}66%{transform:translate(70px,-60px) scale(.85)}}@keyframes bfloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,70px) scale(.9)}66%{transform:translate(-60px,-40px) scale(1.1)}}@keyframes barIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #4a90d940}50%{box-shadow:0 0 22px #4a90d98c,0 0 40px #4a90d92e}}@keyframes numberPop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rowSlide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}html{height:100%;overflow-x:hidden}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(160deg,#0a1628,#0e1c35,#0c1a2e);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"ss01","cv01","kern"}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:Space Grotesk,sans-serif;font-size:14px;border-radius:var(--radius);transition:all .18s ease}input,textarea,select{font-family:Space Grotesk,sans-serif;font-size:14px;width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:10px 14px;outline:none;background:#ffffff0f;color:var(--text);transition:border-color .18s,box-shadow .18s}input:focus,textarea:focus,select:focus{border-color:#6c63ff99;box-shadow:0 0 0 3px #6c63ff26}input::placeholder{color:var(--subtle)}select option{background:#1a2035;color:var(--text)}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.3}.blob-1{width:650px;height:650px;background:radial-gradient(circle,rgba(74,144,217,.6) 0%,transparent 70%);top:-220px;left:-180px;animation:bfloat1 18s ease-in-out infinite}.blob-2{width:520px;height:520px;background:radial-gradient(circle,rgba(56,189,248,.45) 0%,transparent 70%);top:28%;right:-200px;animation:bfloat2 22s ease-in-out infinite}.blob-3{width:480px;height:480px;background:radial-gradient(circle,rgba(92,200,160,.38) 0%,transparent 70%);bottom:-170px;left:28%;animation:bfloat3 16s ease-in-out infinite}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.45}.app-layout{display:flex;min-height:100vh;position:relative;z-index:1}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;background:transparent}.sidebar{width:var(--sidebar-w);background:#060a16f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto;z-index:20;border-right:1px solid rgba(255,255,255,.07)}.logo-text,.logo-data,.logo-lift,.page-title,.stat-val,.card-title,.auth-hero-headline,.premium-hero-title,.auth-stats-val,.auth-stat-val,.lb-rank{font-family:Plus Jakarta Sans,sans-serif}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:0;padding:1.6rem 1rem 1.4rem;background:linear-gradient(180deg,rgba(14,36,90,.7) 0%,rgba(6,182,212,.06) 80%,transparent 100%);border-bottom:1px solid rgba(6,182,212,.13);position:relative;overflow:hidden;flex-shrink:0}.sidebar-logo:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(34,211,238,.7) 50%,transparent 100%)}.sidebar-logo:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:160px;height:100px;background:radial-gradient(ellipse at 50% 20%,rgba(34,211,238,.13) 0%,transparent 70%);pointer-events:none}.logo-icon{width:52px;height:52px;background:linear-gradient(145deg,#1e40af,#0369a1,#0891b2);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px #06b6d48c,0 0 0 1px #ffffff1f,0 0 0 4px #06b6d41a;animation:logoGlow 3.5s ease-in-out infinite;flex-shrink:0;margin-bottom:11px;position:relative;z-index:1}@keyframes logoGlow{0%,to{box-shadow:0 6px 24px #1d4ed8a6,0 0 0 1px #ffffff1a,0 0 0 4px #1d4ed81f}50%{box-shadow:0 6px 36px #06b6d4f2,0 0 0 1px #06b6d459,0 0 0 6px #06b6d424}}.logo-text{font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1;text-align:center;position:relative;z-index:1}.logo-data{color:#fffffff5;font-weight:800}.logo-lift{background:linear-gradient(135deg,#22d3ee,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;filter:drop-shadow(0 0 12px rgba(34,211,238,.7))}.logo-tagline{font-size:6.5px;font-weight:700;letter-spacing:2px;color:#22d3ee6b;text-transform:uppercase;line-height:1;margin-top:8px;white-space:nowrap;text-align:center;position:relative;z-index:1;font-family:Space Grotesk,sans-serif}.sidebar-user{margin:.75rem .85rem 0;padding:.75rem .9rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;position:relative;overflow:visible;flex-shrink:0}.sidebar-user:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.user-row{display:flex;align-items:center;gap:9px;margin-bottom:7px;min-width:0}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4a90d9,#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;box-shadow:0 2px 12px #4a90d973,0 0 0 2px #4a90d933}.user-name{font-weight:700;font-size:13px;color:#fff;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;font-family:Space Grotesk,sans-serif}.user-role{font-size:10.5px;color:#ffffff61;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;font-family:Space Grotesk,sans-serif;letter-spacing:.1px}.xp-row{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:#ffffff59;margin-bottom:4px}.xp-row span:first-child{color:#f6d365bf}.xp-bar{height:3px;background:#ffffff12;border-radius:5px;overflow:hidden;margin-bottom:7px}.xp-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#38bdf8,#06b6d4);border-radius:5px;transition:width .6s ease;box-shadow:0 0 6px #38bdf899}.streak-badge{display:inline-flex;align-items:center;gap:4px;background:#e8a8381f;color:var(--amber);font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid rgba(232,168,56,.22);letter-spacing:.2px}.sidebar-nav{padding:.6rem .85rem;flex:1}.nav-section{font-size:9px;font-weight:700;color:#fff3;letter-spacing:2px;text-transform:uppercase;padding:0 .4rem;margin:.9rem 0 .35rem;font-family:Space Grotesk,sans-serif}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;color:#fff6;font-weight:500;font-size:13px;letter-spacing:.1px;margin-bottom:2px;transition:all .15s ease;position:relative}.nav-item:hover{background:#ffffff12;color:#ffffffd9}.nav-item.active{background:linear-gradient(135deg,#4a90d947,#38bdf81f);color:#fff;font-weight:600;box-shadow:0 2px 12px #4a90d938;border:1px solid rgba(74,144,217,.22)}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(to bottom,#4a90d9,#38bdf8)}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.65}.nav-item.active .nav-icon{opacity:1}.nav-item:hover .nav-icon{opacity:.9}.nav-premium-item{background:linear-gradient(135deg,#e8a8382e,#f07b6a1a)!important;color:var(--amber)!important;border:1px solid rgba(232,168,56,.2)}.nav-premium-item:hover{background:linear-gradient(135deg,#e8a83847,#f07b6a2e)!important;border-color:#e8a83859!important}.nav-premium-item.active{background:linear-gradient(135deg,#e8a83852,#f07b6a33)!important;color:var(--amber)!important}.nav-premium-item.active:before{background:var(--gold)}.sidebar-bottom{padding:.9rem .85rem;border-top:1px solid rgba(255,255,255,.06)}.btn-logout{width:100%;padding:9px;background:#f07b6a14;border:1px solid rgba(240,123,106,.15);color:#f07b6ab3;font-weight:600;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;transition:all .18s}.btn-logout:hover{background:#f07b6a2e;border-color:#f07b6a59;color:var(--coral)}.page{padding:2rem;max-width:1100px;animation:fadeInUp .35s ease}.page-header{margin-bottom:2rem}.page-title{font-size:24px;font-weight:800;margin-bottom:.2rem;letter-spacing:-.6px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;animation:slideInLeft .35s .05s ease both}.page-sub{color:var(--muted);font-size:13.5px;font-weight:400;letter-spacing:.1px;animation:fadeInUp .35s .12s ease both}.btn-primary{background:linear-gradient(135deg,#4a90d9,#6c63ff);color:#fff;padding:10px 22px;font-weight:600;border-radius:var(--radius);display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 18px #4a90d959;transition:all .2s;border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #4a90d980;filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff12;border:1.5px solid rgba(255,255,255,.12);color:var(--muted);padding:9px 18px;font-weight:600;border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{border-color:#4a90d973;color:#4a90d9;background:#4a90d91a}.btn-teal{background:linear-gradient(135deg,#5cc8a0,#10b981);color:#fff;padding:9px 20px;font-weight:600;border-radius:var(--radius);box-shadow:0 4px 16px #5cc8a04d;border:none}.btn-teal:hover{transform:translateY(-1px);box-shadow:0 6px 22px #5cc8a073}@keyframes goldShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldGlow{0%,to{box-shadow:0 0 0 1px #f0ba3259,0 4px 22px #e8a83880,0 10px 44px #c8821e47}50%{box-shadow:0 0 0 1px #f0ba328c,0 6px 32px #e8a838bf,0 14px 56px #c8821e7a}}.btn-gold{position:relative;overflow:hidden;background:linear-gradient(120deg,#ffe566,#f0b429,#e8a838 40%,#ffd060,#f0b429,#c97b2f,#f0b429);background-size:300% 100%;color:#fff;padding:12px 28px;font-weight:800;border-radius:var(--radius);font-size:15px;letter-spacing:.45px;display:inline-flex;align-items:center;gap:8px;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s;border:1.5px solid rgba(255,225,90,.45);text-shadow:0 1px 3px rgba(90,45,0,.4);cursor:pointer;animation:goldShift 5s ease-in-out infinite,goldGlow 2.8s ease-in-out infinite}.btn-gold:before{content:"";position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(to bottom,rgba(255,255,255,.22),transparent);pointer-events:none;border-radius:var(--radius) var(--radius) 0 0;z-index:1}.btn-gold:after{content:"";position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.32) 50%,transparent 100%);transform:skew(-16deg);transition:left .5s ease;pointer-events:none;z-index:2}.btn-gold>*{position:relative;z-index:3}.btn-gold{isolation:isolate}.btn-gold:hover{transform:translateY(-3px) scale(1.02);border-color:#ffe650b3;animation:goldShift 2s ease-in-out infinite,goldGlow 1.2s ease-in-out infinite}.btn-gold:hover:after{left:140%}.btn-gold:active{transform:translateY(0) scale(.98);animation:none}.btn-gold:disabled{opacity:.45;cursor:not-allowed;transform:none;animation:none}.card{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;margin-bottom:1.2rem;box-shadow:var(--shadow-sm);transition:box-shadow .22s,border-color .22s,transform .22s}.card:hover{box-shadow:var(--shadow);border-color:#ffffff29;transform:translateY(-2px)}.card-title{font-size:15px;font-weight:700;margin-bottom:1rem;color:#fff;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.2px;display:flex;align-items:center;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.3rem;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s,border-color .22s;animation:fadeInUp .45s ease both;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ffffff2e}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-icon{font-size:22px;margin-bottom:.5rem}.stat-label{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:5px;font-family:Space Grotesk,sans-serif}.stat-val{font-size:30px;font-weight:800;letter-spacing:-1px;color:#fff;font-family:Plus Jakarta Sans,sans-serif}.stat-sub{font-size:12px;color:var(--muted);margin-top:3px;font-weight:400}.pill{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.pill-purple{background:#6c63ff33;color:#a78bfa;border:1px solid rgba(108,99,255,.25)}.pill-teal{background:#5cc8a02e;color:#5cc8a0;border:1px solid rgba(92,200,160,.25)}.pill-amber{background:#e8a8382e;color:#e8a838;border:1px solid rgba(232,168,56,.25)}.pill-coral{background:#f07b6a2e;color:#f07b6a;border:1px solid rgba(240,123,106,.25)}.pill-gold{background:linear-gradient(135deg,#e8a83840,#f07b6a2e);color:var(--gold);font-weight:700;border:1px solid rgba(232,168,56,.3)}.premium-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#e8a838,#f07b6a);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background-size:200% auto;animation:shimmer 3s linear infinite}.progress-bar{height:6px;background:#ffffff14;border-radius:5px;overflow:hidden}.progress-fill{height:100%;border-radius:5px;transition:width .6s ease}.auth-wrap{height:100vh;display:flex;align-items:stretch;position:relative;overflow:hidden}.auth-wrap .bg-blobs{z-index:0}.auth-hero{flex:1;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative;z-index:1}.auth-hero::-webkit-scrollbar{display:none}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.auth-marquee-track{display:flex;gap:0;animation:marqueeScroll 22s linear infinite;width:max-content}.auth-marquee-track:hover{animation-play-state:paused}.auth-feat-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;cursor:default}.auth-feat-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 40px #00000059!important}@keyframes livePulse{0%,to{box-shadow:0 0 #5cc8a0b3}50%{box-shadow:0 0 0 6px #5cc8a000}}.auth-live-dot{width:7px;height:7px;border-radius:50%;background:#5cc8a0;animation:livePulse 1.8s ease-in-out infinite;flex-shrink:0}.auth-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.auth-reveal.in{opacity:1!important;transform:translateY(0)!important}@media (min-width: 901px){.auth-hero section{padding-left:2.5rem!important;padding-right:2.5rem!important}}.auth-right{width:460px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1;background:#0003;border-left:1px solid rgba(255,255,255,.06)}.auth-card{background:#fff1;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:20px;padding:2rem 2.2rem;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0a;animation:scaleIn .35s ease}.auth-hero-headline{font-size:clamp(30px,3.2vw,46px);font-weight:900;color:#fff;letter-spacing:-1.5px;line-height:1.08;margin-bottom:.5rem;white-space:normal;font-family:Plus Jakarta Sans,sans-serif}.auth-gradient-text{background:linear-gradient(135deg,#4a90d9,#a78bfa,#5cc8a0);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.auth-hero-sub{font-size:14px;font-weight:500;color:#ffffff94;line-height:1.55;max-width:100%;margin-bottom:.2rem}.auth-why-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--pill-color, #38bdf8);background:color-mix(in srgb,var(--pill-color, #38bdf8) 10%,transparent);border:1px solid color-mix(in srgb,var(--pill-color, #38bdf8) 25%,transparent);border-radius:22px;padding:7px 16px;cursor:default;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}.auth-why-pill:hover{background:color-mix(in srgb,var(--pill-color, #38bdf8) 18%,transparent);border-color:color-mix(in srgb,var(--pill-color, #38bdf8) 50%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--pill-color, #38bdf8) 28%,transparent);transform:translateY(-1px)}@keyframes ticker-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes ticker-right{0%{transform:translate(-33.333%)}to{transform:translate(0)}}.auth-ticker-track{display:flex;gap:10px;width:max-content;animation:ticker-left 18s linear infinite}.auth-ticker-reverse{animation:ticker-right 22s linear infinite}.auth-ticker-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--tc, #38bdf8);background:color-mix(in srgb,var(--tc) 10%,transparent);border:1px solid color-mix(in srgb,var(--tc) 25%,transparent);transition:background .2s,box-shadow .2s,transform .2s}.auth-ticker-chip:hover{background:color-mix(in srgb,var(--tc) 18%,transparent);border-color:color-mix(in srgb,var(--tc) 50%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--tc) 28%,transparent);transform:translateY(-1px)}.auth-section-label{font-size:10.5px;font-weight:700;color:#ffffff47;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}.auth-stats-bar{display:flex;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.auth-stats-bar-item{flex:1;text-align:center;padding:14px 8px}.auth-stats-bar-item+.auth-stats-bar-item{border-left:1px solid rgba(255,255,255,.07)}.auth-stats-val{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1;margin-bottom:5px}.auth-stats-lbl{font-size:10px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.auth-testimonial-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,background .2s}.auth-testimonial-card:hover{background:#ffffff0f;border-color:#ffffff24}.auth-achiev-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);cursor:default;transition:background .2s,border-color .2s}.auth-achiev-pill:hover{background:color-mix(in srgb,var(--ac, #38bdf8) 10%,rgba(255,255,255,.05));border-color:color-mix(in srgb,var(--ac, #38bdf8) 30%,transparent)}.auth-track-card{border-radius:18px;padding:15px 13px;position:relative;overflow:hidden;cursor:default}.auth-feat-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;transition:background .2s,border-color .2s,transform .2s;cursor:default}.auth-feat-row:hover{background:color-mix(in srgb,var(--fc, #38bdf8) 7%,rgba(255,255,255,.03));border-color:color-mix(in srgb,var(--fc, #38bdf8) 30%,transparent);transform:translateY(-1px)}.auth-feat-row-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;background:color-mix(in srgb,var(--fc, #38bdf8) 12%,transparent);border:1px solid color-mix(in srgb,var(--fc, #38bdf8) 22%,transparent)}.auth-feat-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 12px;transition:all .22s ease;cursor:default}.auth-feat-card:hover{background:color-mix(in srgb,var(--fc, #38bdf8) 8%,rgba(255,255,255,.04));border-color:color-mix(in srgb,var(--fc, #38bdf8) 35%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--fc, #38bdf8) 20%,transparent);transform:translateY(-2px)}.auth-features{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:510px;margin-top:.75rem;margin-bottom:1.1rem}.auth-feature-chip{display:flex;align-items:flex-start;gap:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:9px 11px;transition:all .2s;cursor:default}.auth-feature-chip:hover{background:#4a90d917;border-color:#4a90d938;transform:translateY(-1px)}.auth-stats-row{display:flex;margin-bottom:1.1rem;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.auth-stat-cell{flex:1;text-align:center;padding:0 .8rem}.auth-stat-val{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:1px}.auth-stat-lbl{font-size:9.5px;font-weight:600;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.auth-testimonial{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-left:3px solid #4A90D9;border-radius:0 12px 12px 0;padding:10px 14px;max-width:500px;margin-bottom:.85rem}.auth-testimonial-text{font-size:12px;color:#ffffff9e;line-height:1.6;font-style:italic;margin-bottom:6px}.auth-trust-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:500px}.auth-trust-label{font-size:11px;color:#ffffff4d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.auth-trust-chip{font-size:11px;font-weight:700;color:#ffffff73;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:3px 10px;transition:all .15s}.auth-trust-chip:hover{background:#4a90d91a;border-color:#4a90d938;color:#ffffffa6}.auth-underline-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem;gap:0}.auth-underline-tab{font-size:13px;font-weight:600;color:#ffffff59;background:none;border:none;padding:0 0 10px;margin-right:1.6rem;cursor:pointer;position:relative;transition:color .2s;font-family:inherit;letter-spacing:.2px}.auth-underline-tab.active{color:#fff;font-weight:700}.auth-underline-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a90d9,#a78bfa);border-radius:2px}.auth-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1e3a8a,#0891b2);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0891b259;flex-shrink:0}.auth-pill-toggle{display:flex;background:#ffffff0f;border-radius:12px;padding:3px;margin-bottom:1.5rem;gap:2px}.auth-pill-btn{flex:1;padding:9px 0;border-radius:9px;font-weight:700;font-size:13px;border:none;cursor:pointer;transition:all .2s;background:transparent;color:#ffffff61;font-family:Space Grotesk,sans-serif;letter-spacing:.2px}.auth-pill-btn.active{background:linear-gradient(135deg,#4a90d9d9,#6c63ffd9);color:#fff;box-shadow:0 2px 14px #4a90d94d}.field{margin-bottom:.85rem}.field label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:5px;letter-spacing:.5px;text-transform:uppercase}.field-error{color:#f07b6a;font-size:11px;margin-top:4px;font-weight:500}.strength-bar{height:4px;background:#ffffff14;border-radius:4px;margin-top:6px;overflow:hidden}.strength-fill{height:100%;border-radius:4px;transition:all .3s}.auth-footer{text-align:center;margin-top:.9rem;font-size:12.5px;color:var(--muted)}.auth-footer button{background:none;color:#4a90d9;font-weight:600;font-size:13px;padding:0}.divider{display:flex;align-items:center;gap:10px;margin:1rem 0;color:var(--subtle);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-mobile-hero,.auth-mobile-topnav{display:none}@media (max-width: 900px){.auth-hero,.auth-right{display:none!important}.auth-wrap{flex-direction:column;align-items:center;height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:calc(56px + 1rem) 1rem 2.5rem}.auth-mobile-topnav{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100;padding:.7rem 1rem;background:#04060eeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.auth-mobile-hero{display:block;width:100%;max-width:440px;margin-bottom:1rem;animation:fadeInUp .5s ease both}.auth-marquee-track{animation-duration:26s}}@media (max-width: 480px){.auth-wrap{padding-left:.85rem;padding-right:.85rem}.auth-mobile-hero{max-width:100%}}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;font-weight:700;color:var(--muted);text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.6px;background:#ffffff08}.data-table td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:var(--text-2)}.data-table tr:hover td{background:#4a90d90f}.data-table tr:last-child td{border-bottom:none}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:2rem}.course-card{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .24s,box-shadow .24s,border-color .24s;animation:fadeInUp .45s ease both}.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px #00000073,var(--glow-blue);border-color:#4a90d94d}.course-card:nth-child(1){animation-delay:.05s}.course-card:nth-child(2){animation-delay:.1s}.course-card:nth-child(3){animation-delay:.15s}.course-card:nth-child(4){animation-delay:.2s}.course-card:nth-child(5){animation-delay:.25s}.course-card:nth-child(6){animation-delay:.3s}.course-thumb{height:120px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;overflow:hidden}.course-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000026;pointer-events:none;z-index:1}.course-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));position:relative;z-index:2;animation:floatLogo 3s ease-in-out infinite}.course-logo-animated{position:relative;z-index:2;animation:floatLogo 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.course-card:hover .course-logo,.course-card:hover .course-logo-animated{transform:scale(1.12);animation-play-state:paused}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-5px) rotate(-1deg)}66%{transform:translateY(-3px) rotate(1deg)}}.course-body{padding:1rem 1.1rem 1.2rem}.course-name{font-weight:700;font-size:14px;margin:6px 0 3px;color:#fff;letter-spacing:-.1px}.course-meta{font-size:11px;color:var(--muted);margin-bottom:10px}.lb-row{display:flex;align-items:center;padding:11px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .18s;animation:rowSlide .38s ease both}.lb-row:nth-child(1){animation-delay:.04s}.lb-row:nth-child(2){animation-delay:.08s}.lb-row:nth-child(3){animation-delay:.12s}.lb-row:nth-child(4){animation-delay:.16s}.lb-row:nth-child(5){animation-delay:.2s}.lb-row:nth-child(6){animation-delay:.24s}.lb-row:nth-child(7){animation-delay:.28s}.lb-row:nth-child(8){animation-delay:.32s}.lb-row:nth-child(9){animation-delay:.36s}.lb-row:nth-child(10){animation-delay:.4s}.lb-row:hover{background:#4a90d91a;border-color:#4a90d940;transform:translate(3px)}.lb-row.me{background:#4a90d91f;border-color:#4a90d959;box-shadow:0 0 20px #4a90d926}.lb-rank{width:36px;font-weight:800;font-size:14px;color:var(--muted)}.lb-name{flex:1;font-weight:600;font-size:13px;color:var(--text)}.lb-xp{font-weight:700;color:#4a90d9;font-size:13px}.quiz-progress{height:6px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-bottom:2rem}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#38bdf8);border-radius:6px;transition:width .45s ease}.quiz-option{border:1.5px solid var(--border);border-radius:var(--radius);padding:13px 18px;cursor:pointer;margin-bottom:.7rem;font-size:14px;transition:all .15s;display:block;width:100%;text-align:left;background:#ffffff0a;color:var(--text)}.quiz-option:hover{border-color:#4a90d973;background:#4a90d91a;transform:translate(3px)}.quiz-option.selected{border-color:#4a90d98c;background:#4a90d91f;font-weight:600}.quiz-option.correct{border-color:#5cc8a08c;background:#5cc8a01f;color:#5cc8a0}.quiz-option.wrong{border-color:#f07b6a8c;background:#f07b6a1f;color:#f07b6a}.explanation-box{background:#5cc8a01a;border-radius:var(--radius);padding:13px 16px;font-size:13px;color:#5cc8a0;margin-top:1rem;border:1px solid rgba(92,200,160,.2)}.code-editor{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;background:#00000073;color:#cdd6f4;border:1.5px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1rem;min-height:180px;resize:vertical;line-height:1.75}.code-editor:focus{border-color:#4a90d973;box-shadow:0 0 0 3px #4a90d91f}.output-box{background:#00000073;color:#a6e3a1;font-family:JetBrains Mono,monospace;font-size:12px;border-radius:var(--radius);padding:1rem;margin-top:.8rem;min-height:60px;border:1.5px solid rgba(255,255,255,.08);white-space:pre-wrap}.cert-wrap,.cert-name{display:none}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:30px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#ffffffbf;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.streak-day{height:20px;border-radius:5px;background:#ffffff12;transition:transform .12s}.streak-day:hover{transform:scale(1.25)}.streak-day.done{background:linear-gradient(135deg,#4a90d9,#38bdf8)}.streak-day.today{background:linear-gradient(135deg,#38bdf8,#5cc8a0);box-shadow:0 0 10px #38bdf880}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040814bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:#0c142ce6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:2rem;width:600px;max-width:95vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 64px #0000008c;border:1px solid rgba(255,255,255,.12);animation:scaleIn .22s ease}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff14;font-size:18px;color:var(--muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08)}.modal-close:hover{background:#f07b6a2e;border-color:#f07b6a4d;color:var(--coral)}.section-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#0c142cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;padding:13px 22px;border-radius:var(--radius);font-size:13px;font-weight:600;z-index:999;animation:slideUp .25s ease;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.12)}.diff-easy{color:#5cc8a0;font-weight:600;font-size:12px}.diff-medium{color:#e8a838;font-weight:600;font-size:12px}.diff-hard{color:#f07b6a;font-weight:600;font-size:12px}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:14px;gap:10px}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.08);border-top-color:#4a90d9;border-radius:50%;animation:spin .7s linear infinite}.video-thumb{background:#00000080;border-radius:var(--radius);height:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.play-btn{width:56px;height:56px;background:#4a90d9d9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 20px #4a90d980}.video-thumb:hover .play-btn{transform:scale(1.12);box-shadow:0 6px 28px #4a90d9a6}.premium-hero{background:linear-gradient(135deg,#0a0f23f2,#140c2de6,#08121ef2);background-size:300% 300%;animation:gradientShift 8s ease infinite;border-radius:var(--radius-xl);padding:3.5rem 3rem;text-align:center;color:#fff;margin-bottom:2.5rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}.premium-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 50%,rgba(74,144,217,.2) 0%,transparent 55%),radial-gradient(circle at 75% 50%,rgba(232,168,56,.15) 0%,transparent 55%);pointer-events:none}.premium-hero-crown{font-size:48px;margin-bottom:1rem;display:block;animation:crownBounce 3s ease-in-out infinite}.premium-hero-title{font-family:Plus Jakarta Sans,sans-serif;font-size:38px;font-weight:900;letter-spacing:-1.2px;background:linear-gradient(135deg,#fff,#e8a838 45%,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite;margin-bottom:.8rem}.premium-hero-sub{color:#ffffff80;font-size:16px;margin-bottom:2rem}.premium-hero-price{display:inline-flex;align-items:baseline;gap:4px;background:linear-gradient(135deg,#e8a838,#f07b6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-price-amount{font-size:52px;font-weight:900;letter-spacing:-2px}.premium-price-period{font-size:18px;font-weight:500;color:#ffffff59;-webkit-text-fill-color:rgba(255,255,255,.35)}.premium-hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.premium-stat{text-align:center}.premium-stat-val{font-size:22px;font-weight:800;color:#fff}.premium-stat-lbl{font-size:11px;color:#ffffff4d;margin-top:2px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2.5rem}.feature-card{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:transform .22s,box-shadow .22s,border-color .22s;animation:fadeInUp .45s ease both;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#4a90d940}.feature-card:nth-child(1){animation-delay:.05s}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.15s}.feature-card:nth-child(4){animation-delay:.2s}.feature-card:nth-child(5){animation-delay:.25s}.feature-card:nth-child(6){animation-delay:.3s}.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:1rem;animation:float 4s ease-in-out infinite}.feature-card:nth-child(2) .feature-icon{animation-delay:.5s}.feature-card:nth-child(3) .feature-icon{animation-delay:1s}.feature-card:nth-child(4) .feature-icon{animation-delay:1.5s}.feature-card:nth-child(5) .feature-icon{animation-delay:2s}.feature-card:nth-child(6) .feature-icon{animation-delay:2.5s}.feature-title{font-size:14px;font-weight:700;margin-bottom:.4rem;color:#fff;font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.1px}.feature-desc{font-size:13px;color:var(--muted);line-height:1.55}.pricing-card{background:#ffffff0e;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:2.5rem;color:#fff;text-align:center;position:relative;overflow:hidden;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 48px #0000004d}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(74,144,217,.6),rgba(56,189,248,.4),transparent)}.pricing-checklist{list-style:none;text-align:left;margin:1.5rem 0 2rem}.pricing-checklist li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.06)}.pricing-checklist li:before{content:"✓";color:var(--gold);font-weight:700;font-size:14px}.payment-step{text-align:center}.qr-container{display:inline-block;padding:12px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000004d;margin:1rem 0}.upi-id-box{display:flex;align-items:center;justify-content:space-between;background:#ffffff12;border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:.8rem 0;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--text)}.copy-btn{background:#4a90d92e;color:#4a90d9;padding:4px 12px;font-size:12px;font-weight:600;border-radius:6px;flex-shrink:0;border:1px solid rgba(74,144,217,.25)}.copy-btn:hover{background:#4a90d94d}.payment-divider{display:flex;align-items:center;gap:12px;margin:1rem 0;color:var(--muted);font-size:13px}.payment-divider:before,.payment-divider:after{content:"";flex:1;height:1px;background:var(--border)}.phonepe-logo{font-size:28px;display:block;margin-bottom:.5rem}.payment-steps{counter-reset:step;list-style:none;text-align:left;margin:1rem 0}.payment-steps li{counter-increment:step;display:flex;gap:12px;align-items:flex-start;padding:8px 0;font-size:13px;color:var(--muted)}.payment-steps li:before{content:counter(step);width:22px;height:22px;border-radius:50%;background:#4a90d92e;color:#4a90d9;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px;border:1px solid rgba(74,144,217,.25)}.status-banner{border-radius:var(--radius-lg);padding:1.2rem 1.5rem;display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-banner.pending{background:#e8a8381f;border:1px solid rgba(232,168,56,.25);color:#e8a838}.status-banner.active{background:#5cc8a01f;border:1px solid rgba(92,200,160,.25);color:#5cc8a0}.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.5rem}.job-card{background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;transition:transform .22s,box-shadow .22s,border-color .22s;animation:fadeInUp .38s ease both;display:flex;flex-direction:column;position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#4a90d940}.job-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:.8rem}.job-company-logo{width:44px;height:44px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#fff;flex-shrink:0;border:1px solid var(--border)}.job-title{font-size:14px;font-weight:700;margin-bottom:2px;color:#fff;letter-spacing:-.1px}.job-company{font-size:13px;color:var(--muted)}.job-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:.8rem}.job-skills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:1rem;flex:1}.skill-chip{background:#6c63ff26;color:#a78bfa;font-size:11px;font-weight:600;padding:2px 9px;border-radius:6px;border:1px solid rgba(108,99,255,.2)}.job-salary{font-size:14px;font-weight:700;color:#5cc8a0;margin-bottom:.8rem}.job-source{font-size:11px;color:var(--muted)}.jobs-paywall{text-align:center;padding:4rem 2rem;background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-xl);border:1px solid var(--border);animation:fadeInUp .35s ease}.paywall-icon{font-size:56px;display:block;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.filter-chip{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1.5px solid var(--border);background:#ffffff0d;color:var(--muted);cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-chip:hover{border-color:#4a90d973;color:#4a90d9;background:#4a90d914}.filter-chip.active{background:linear-gradient(135deg,#4a90d9,#6c63ff);border-color:transparent;color:#fff;box-shadow:0 4px 14px #4a90d94d}.search-wrap{position:relative;margin-bottom:1.2rem}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--subtle);width:16px;height:16px}.search-wrap input{padding-left:42px}.session-card{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.2rem;display:flex;align-items:center;gap:14px;margin-bottom:.8rem;animation:fadeInUp .3s ease}.session-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.session-status.pending{background:#e8a8382e;color:var(--amber)}.session-status.confirmed{background:#5cc8a02e;color:var(--teal)}.session-status.completed{background:#6c63ff2e;color:#a78bfa}.nav-instructor-item{background:linear-gradient(135deg,#7f77dd1a,#5cc8a00f)!important;border:1px solid rgba(127,119,221,.22)!important;color:#a78bfae6!important;margin-top:4px}.nav-instructor-item:hover{background:linear-gradient(135deg,#7f77dd2e,#5cc8a01f)!important;border-color:#7f77dd66!important;color:#a78bfa!important}.nav-instructor-item.active{background:linear-gradient(135deg,#7f77dd38,#5cc8a026)!important;border-color:#7f77dd80!important;color:#a78bfa!important}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.jobs-grid{grid-template-columns:1fr}}@media (max-width: 900px){.stats-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.premium-hero{padding:2.5rem 1.5rem}.premium-hero-title{font-size:28px}.features-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.course-grid,.section-grid,.features-grid{grid-template-columns:1fr}.page{padding:1rem .9rem 6rem}.main-content{margin-left:0!important;padding-bottom:72px}.sidebar{display:none!important}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:520px}.lb-mobile-hide{display:none!important}.modal-backdrop{align-items:flex-start;padding:1rem .75rem calc(70px + env(safe-area-inset-bottom))}.modal{padding:1.2rem;width:100%;max-width:100%;border-radius:18px}.toast{bottom:calc(72px + env(safe-area-inset-bottom) + .75rem);right:.75rem;left:.75rem;text-align:center}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.main-content,.page,.app-layout{overflow-x:hidden!important;max-width:100vw!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:#080c1af7;border-top:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;align-items:stretch;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);transform:translateZ(0);-webkit-transform:translateZ(0)}.mbn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#ffffff80;background:transparent;padding:6px 4px;border-radius:10px;transition:color .18s ease,background .18s ease;position:relative;margin:6px 2px}.mbn-item.mbn-active{color:#4a90d9;background:#4a90d91f}.mbn-item.mbn-active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2.5px;background:linear-gradient(90deg,transparent,#4A90D9,transparent);border-radius:0 0 4px 4px}.mbn-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.mbn-icon svg{width:100%;height:100%;stroke:currentColor}.mbn-label{font-size:9.5px;font-weight:700;letter-spacing:.3px;line-height:1}.lb-mobile-hide{display:none!important}}body{background:#04060e!important}.blob{opacity:.25!important;filter:blur(90px)!important}.blob-1{width:900px!important;height:900px!important;background:radial-gradient(circle,rgba(29,78,216,.6) 0%,rgba(79,70,229,.25) 35%,transparent 65%)!important;top:-300px!important;left:-230px!important}.blob-2{width:680px!important;height:680px!important;background:radial-gradient(circle,rgba(6,182,212,.45) 0%,rgba(34,211,238,.18) 40%,transparent 65%)!important}.blob-3{width:620px!important;height:620px!important;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,rgba(167,139,250,.15) 40%,transparent 65%)!important}.card,.stat-card,.course-card,.feature-card,.job-card,.lb-row,.session-card{background:var(--surface)!important;border:1px solid var(--border)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff14!important}.card:before,.stat-card:before,.feature-card:before,.job-card:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1.5px!important;background:linear-gradient(90deg,transparent 0%,rgba(56,189,248,.8) 40%,rgba(167,139,250,.65) 70%,transparent 100%)!important}.card:hover,.feature-card:hover,.job-card:hover{background:var(--surface-2)!important;border-color:#38bdf859!important;box-shadow:0 16px 48px #0000008c,0 0 0 1px #38bdf838,0 0 30px #38bdf814!important;transform:translateY(-4px)!important}.course-card:hover{background:var(--surface-2)!important;border-color:#38bdf873!important;box-shadow:0 20px 56px #0009,0 0 0 1px #38bdf847!important;transform:translateY(-6px) scale(1.008)!important}.stat-card:hover{background:var(--surface-2)!important;border-color:#ffffff38!important;box-shadow:0 14px 40px #00000085,0 0 0 1px #38bdf833!important;transform:translateY(-4px) scale(1.01)!important}.stats-grid .stat-card:nth-child(1){border-top:2px solid rgba(74,144,217,.9)!important}.stats-grid .stat-card:nth-child(2){border-top:2px solid rgba(92,200,160,.9)!important}.stats-grid .stat-card:nth-child(3){border-top:2px solid rgba(167,139,250,.9)!important}.stats-grid .stat-card:nth-child(4){border-top:2px solid rgba(232,168,56,.9)!important}.stats-grid .stat-card:nth-child(1):hover{border-color:#4a90d9b3!important;box-shadow:0 18px 52px #0000008c,0 0 0 1px #4a90d94d,0 0 44px #4a90d924!important}.stats-grid .stat-card:nth-child(2):hover{border-color:#5cc8a0b3!important;box-shadow:0 18px 52px #0000008c,0 0 0 1px #5cc8a04d,0 0 44px #5cc8a024!important}.stats-grid .stat-card:nth-child(3):hover{border-color:#a78bfab3!important;box-shadow:0 18px 52px #0000008c,0 0 0 1px #a78bfa4d,0 0 44px #a78bfa24!important}.stats-grid .stat-card:nth-child(4):hover{border-color:#e8a838b3!important;box-shadow:0 18px 52px #0000008c,0 0 0 1px #e8a8384d,0 0 44px #e8a83824!important}.stats-grid .stat-card:nth-child(1) .stat-val{color:#60a5fa!important;-webkit-text-fill-color:#60a5fa!important;font-size:32px!important;font-weight:900!important;font-family:Plus Jakarta Sans,sans-serif!important;letter-spacing:-1px!important}.stats-grid .stat-card:nth-child(2) .stat-val{color:#34d399!important;-webkit-text-fill-color:#34d399!important;font-size:32px!important;font-weight:900!important;font-family:Plus Jakarta Sans,sans-serif!important;letter-spacing:-1px!important}.stats-grid .stat-card:nth-child(3) .stat-val{color:#c084fc!important;-webkit-text-fill-color:#c084fc!important;font-size:32px!important;font-weight:900!important;font-family:Plus Jakarta Sans,sans-serif!important;letter-spacing:-1px!important}.stats-grid .stat-card:nth-child(4) .stat-val{color:#fbbf24!important;-webkit-text-fill-color:#fbbf24!important;font-size:32px!important;font-weight:900!important;font-family:Plus Jakarta Sans,sans-serif!important;letter-spacing:-1px!important}.course-thumb{height:148px!important}.course-card{border-top:2px solid rgba(56,189,248,.35)!important}.page-title{font-family:Plus Jakarta Sans,sans-serif!important;font-size:26px!important;font-weight:900!important;color:#60a5fa!important;-webkit-text-fill-color:#60a5fa!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;letter-spacing:-.7px!important}.sidebar{background:#03050dfa!important;border-right:1px solid rgba(255,255,255,.07)!important}.nav-item.active{background:linear-gradient(135deg,#1d4ed861,#38bdf829)!important;border:1px solid rgba(56,189,248,.4)!important;box-shadow:0 2px 24px #1d4ed852,inset 0 1px #ffffff1a!important}.nav-item.active:before{width:3px!important;top:12%!important;bottom:12%!important;background:linear-gradient(to bottom,#22d3ee,#38bdf8,#818cf8)!important;box-shadow:0 0 12px #22d3ee,0 0 28px #22d3ee80!important;border-radius:0 4px 4px 0!important}.sidebar-user{background:#ffffff0a!important;border-color:#ffffff14!important}.avatar{background:linear-gradient(135deg,#1d4ed8,#22d3ee)!important;box-shadow:0 2px 16px #22d3ee8c,0 0 0 2px #22d3ee38!important}input:focus,textarea:focus,select:focus{border-color:#22d3eebf!important;box-shadow:0 0 0 3px #22d3ee2e,0 0 24px #22d3ee14!important}.btn-primary{background:linear-gradient(135deg,#1d4ed8,#7c3aed)!important;box-shadow:0 4px 22px #1d4ed880!important}.btn-primary:hover{box-shadow:0 8px 36px #1d4ed8b3!important;transform:translateY(-2px)!important;filter:brightness(1.1)!important}.filter-chip.active{background:linear-gradient(135deg,#1d4ed8,#7c3aed)!important;box-shadow:0 4px 20px #1d4ed880!important;border-color:transparent!important}.progress-fill{background:linear-gradient(90deg,#1d4ed8,#38bdf8,#22d3ee)!important;box-shadow:0 0 12px #22d3eea6!important}.xp-fill{background:linear-gradient(90deg,#1d4ed8,#22d3ee)!important;box-shadow:0 0 14px #22d3eed9!important}.lb-row{background:linear-gradient(145deg,#ffffff0f,#ffffff05)!important;border-color:#ffffff17!important}.lb-row:hover{background:linear-gradient(145deg,#38bdf81a,#ffffff08)!important;border-color:#38bdf861!important;transform:translate(4px)!important;box-shadow:-3px 0 #38bdf899,0 4px 24px #0006!important}.lb-row:nth-child(1){border-left:3px solid rgba(255,215,0,.85)!important;background:linear-gradient(90deg,#ffd70014,#ffffff0a)!important}.lb-row:nth-child(2){border-left:3px solid rgba(192,192,192,.8)!important;background:linear-gradient(90deg,#c0c0c012,#ffffff08)!important}.lb-row:nth-child(3){border-left:3px solid rgba(205,127,50,.8)!important;background:linear-gradient(90deg,#cd7f3212,#ffffff08)!important}.lb-row.me{background:linear-gradient(90deg,#1d4ed824,#ffffff0a)!important;border-left:3px solid rgba(56,189,248,.85)!important;border-color:#38bdf866!important;box-shadow:0 0 28px #38bdf826!important}.modal{background:#050814f7!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 40px 100px #000000bf,0 0 0 1px #38bdf812!important}.modal:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(90deg,transparent,rgba(56,189,248,.75),rgba(167,139,250,.6),transparent)!important;border-radius:inherit!important}.toast{background:#050814fa!important;border:1px solid rgba(56,189,248,.25)!important;box-shadow:0 16px 48px #000000a6,0 0 20px #38bdf81a!important;border-radius:14px!important}.quiz-option{background:linear-gradient(145deg,#ffffff0f,#ffffff05)!important;border-color:#ffffff17!important}.quiz-option:hover{transform:translate(6px)!important;border-color:#38bdf880!important;background:linear-gradient(145deg,#38bdf81a,#ffffff08)!important;box-shadow:-3px 0 #38bdf8a6,0 4px 20px #0006!important}.quiz-option.selected{border-color:#38bdf88c!important;background:linear-gradient(145deg,#1d4ed824,#ffffff0a)!important}.streak-day.done{box-shadow:0 0 8px #38bdf880!important}.streak-day.today{box-shadow:0 0 20px #22d3eee6,0 0 40px #22d3ee4d!important}.premium-badge{box-shadow:0 2px 18px #e8a8388c!important}.pill-purple{background:#7c3aed38!important;border-color:#7c3aed61!important;color:#c4b5fd!important}.pill-teal{background:#06b6d42e!important;border-color:#06b6d452!important;color:#22d3ee!important}.pill-amber{background:#d9770633!important;border-color:#d9770659!important;color:#fbbf24!important}.skill-chip{background:#4f46e533!important;border-color:#4f46e559!important;color:#a5b4fc!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#38bdf873;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#38bdf8b3}.mobile-bottom-nav{background:#03050dfa!important;border-top:1px solid rgba(255,255,255,.07)!important;z-index:9999!important}.mbn-item{background:transparent!important;color:#ffffff80!important}.mbn-item.mbn-active{color:#38bdf8!important;background:#38bdf821!important}.mbn-item.mbn-active:before{background:linear-gradient(90deg,transparent,#22d3ee,transparent)!important;box-shadow:0 0 10px #22d3eeb3!important}.code-editor{background:#03050ee6!important;border-color:#38bdf826!important;box-shadow:inset 0 2px 16px #00000080!important}.search-wrap input{background:#ffffff0f!important;border-color:#ffffff17!important}.course-body{padding:1.1rem 1.2rem 1.3rem!important}.course-name{font-size:15px!important;font-weight:800!important;font-family:Plus Jakarta Sans,sans-serif!important;letter-spacing:-.2px!important}@keyframes moreSheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}