@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&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,.055);--surface-2: rgba(255,255,255,.08);--surface-3: rgba(255,255,255,.12);--border: rgba(255,255,255,.1);--border-2: rgba(255,255,255,.06);--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)}}html{height:100%}body{font-family:Inter,-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}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:14px;border-radius:var(--radius);transition:all .18s ease}input,textarea,select{font-family:inherit;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}.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)}.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:22px;font-weight:800;letter-spacing:-.8px;line-height:1;text-align:center;position:relative;z-index:1}.logo-data{color:#fffffff2;font-weight:700}.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.8px;font-weight:700;letter-spacing:1.6px;color:#22d3ee6b;text-transform:uppercase;line-height:1;margin-top:7px;white-space:nowrap;text-align:center;position:relative;z-index:1}.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:12.5px;color:#fff;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.user-role{font-size:10.5px;color:#ffffff61;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.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:9.5px;font-weight:700;color:#fff3;letter-spacing:1.4px;text-transform:uppercase;padding:0 .4rem;margin:.9rem 0 .35rem}.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;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:22px;font-weight:800;margin-bottom:.2rem;letter-spacing:-.4px;color:#fff}.page-sub{color:var(--muted);font-size:14px}.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}.btn-gold{background:linear-gradient(135deg,#e8a838,#f07b6a);color:#fff;padding:12px 28px;font-weight:700;border-radius:var(--radius);box-shadow:var(--shadow-gold);font-size:15px;display:inline-flex;align-items:center;gap:8px;transition:all .2s;border:none}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 40px #e8a83880}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform: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}.card-title{font-size:15px;font-weight:700;margin-bottom:1rem;color:#fff;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:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.stat-val{font-size:28px;font-weight:800;letter-spacing:-.5px;color:#fff}.stat-sub{font-size:12px;color:var(--muted);margin-top:2px}.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;display:flex;flex-direction:column;justify-content:center;padding:2rem 4rem;position:relative;z-index:1;overflow:hidden}.auth-hero-headline{font-size:clamp(28px,3.2vw,44px);font-weight:900;color:#fff;line-height:1.12;letter-spacing:-1.6px;margin-bottom:.7rem}.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:13.5px;color:#ffffff80;line-height:1.65;max-width:440px;margin-bottom:1.4rem}.auth-features{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:510px;margin-bottom:1.2rem}.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.2rem;padding:.7rem 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:.9rem}.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-right{width:480px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem;position:relative;z-index:1;background:#0000002e;border-left:1px solid rgba(255,255,255,.06)}.auth-card{background:#fff1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:2.2rem;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0a;animation:scaleIn .35s ease;position:relative}.auth-logo-wrap{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:.8rem}.auth-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#4a90d9,#6c63ff);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 6px 22px #4a90d973}.auth-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.3px}.auth-tabs{display:flex;margin-bottom:1.6rem;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden}.auth-tab{flex:1;padding:9px;background:none;border-radius:0;font-weight:600;color:var(--muted);transition:all .2s}.auth-tab.active{background:linear-gradient(135deg,#4a90d9,#6c63ff);color:#fff}.field{margin-bottom:1.1rem}.field label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:6px;letter-spacing:.6px;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:1.1rem;font-size:13px;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)}@media (max-width: 900px){.auth-wrap{align-items:center;justify-content:center}.auth-hero{display:none}.auth-right{width:100%;max-width:480px;background:none;border-left:none;padding:1.5rem}.auth-card{max-width:420px}}.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:fadeInUp .35s ease both}.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-size:36px;font-weight:900;letter-spacing:-.8px;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}.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: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:1fr}.page{padding:1.2rem}.main-content{margin-left:0}.sidebar{display:none}}