:root,[data-theme="dark"]:root{--bg-base: #090D16;--bg-surface: #0E1526;--bg-surface-elevated: #131C31;--bg-surface-hover: #1A2642;--bg-card: rgba(255, 255, 255, 0.04);--bg-card-hover: rgba(255, 255, 255, 0.07);--bg-inner-card: rgba(255, 255, 255, 0.03);--bg-badge-neutral: rgba(255, 255, 255, 0.08);--bg-glass: rgba(14, 21, 38, 0.75);--bg-header: rgba(9, 13, 22, 0.82);--bg-header-scrolled: rgba(9, 13, 22, 0.95);--bg-footer: #060910;--border-subtle: rgba(255, 255, 255, 0.08);--border-medium: rgba(255, 255, 255, 0.14);--border-focus: #6366F1;--border-glow: rgba(99, 102, 241, 0.35);--text-primary: #FFFFFF;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-faint: #64748B;--brand-primary: #4F46E5;--brand-primary-light: #6366F1;--brand-primary-glow: rgba(79, 70, 229, 0.4);--brand-secondary: #3B82F6;--brand-secondary-light: #60A5FA;--brand-accent-cyan: #06B6D4;--brand-accent-emerald: #10B981;--brand-accent-amber: #F59E0B;--brand-accent-purple: #8B5CF6;--brand-accent-rose: #F43F5E;--grad-brand: linear-gradient(135deg, #4F46E5 0%, #3B82F6 50%, #06B6D4 100%);--grad-purple: linear-gradient(135deg, #8B5CF6 0%, #6366F1 100%);--grad-amber: linear-gradient(135deg, #F59E0B 0%, #EA580C 100%);--grad-emerald: linear-gradient(135deg, #10B981 0%, #059669 100%);--grad-card-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);--font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);--shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);--shadow-glow: 0 0 30px rgba(99, 102, 241, 0.25);--ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);--trans-fast: 0.15s ease;--trans-medium: 0.25s var(--ease-smooth);--trans-slow: 0.4s var(--ease-smooth);--container-max: 1240px}[data-theme="light"]:root{--bg-base: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-elevated: #F1F5F9;--bg-surface-hover: #E2E8F0;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--bg-inner-card: #F8FAFC;--bg-badge-neutral: #E2E8F0;--bg-glass: rgba(255, 255, 255, 0.85);--bg-header: rgba(255, 255, 255, 0.88);--bg-header-scrolled: rgba(255, 255, 255, 0.98);--bg-footer: #F1F5F9;--border-subtle: #E2E8F0;--border-medium: #CBD5E1;--border-focus: #4F46E5;--border-glow: rgba(79, 70, 229, 0.2);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-faint: #94A3B8;--shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);--shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.1), 0 4px 8px rgba(15, 23, 42, 0.04);--shadow-glow: 0 0 30px rgba(79, 70, 229, 0.12);--grad-card-surface: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color 0.25s ease, color 0.25s ease}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}.landing-page.theme-dark{background-color:var(--bg-base);min-height:100vh;position:relative;overflow-x:clip}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.text-gradient{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:0.95rem;font-weight:600;padding:11px 22px;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--trans-medium);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.btn-primary{background:linear-gradient(135deg, #4F46E5 0%, #3B82F6 100%);color:#FFFFFF !important;box-shadow:0 4px 14px rgba(79,70,229,0.4),inset 0 1px 0 rgba(255,255,255,0.2)}.btn-primary:hover{background:linear-gradient(135deg, #4338CA 0%, #2563EB 100%);box-shadow:0 6px 20px rgba(79,70,229,0.55),inset 0 1px 0 rgba(255,255,255,0.25);transform:translateY(-1px);color:#FFFFFF !important}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(79,70,229,0.4)}.btn-secondary{background:rgba(255,255,255,0.08);border-color:var(--border-medium);color:#FFFFFF !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.25);transform:translateY(-1px);color:#FFFFFF !important}.btn-ghost{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary) !important}.btn-ghost:hover{background:rgba(255,255,255,0.06);border-color:var(--border-medium);color:#FFFFFF !important;transform:translateY(-1px)}.btn-lg{padding:14px 28px;font-size:1.05rem}.btn-sm{padding:7px 16px;font-size:0.85rem}.btn-block{display:flex;width:100%}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:0.75rem;font-weight:700;letter-spacing:0.03em;text-transform:uppercase}.badge-cyan{background:rgba(6,182,212,0.15);color:#38BDF8;border:1px solid rgba(6,182,212,0.3)}.badge-purple{background:rgba(139,92,246,0.15);color:#C084FC;border:1px solid rgba(139,92,246,0.3)}.badge-emerald{background:rgba(16,185,129,0.15);color:#34D399;border:1px solid rgba(16,185,129,0.3)}.badge-amber{background:rgba(245,158,11,0.15);color:#FBBF24;border:1px solid rgba(245,158,11,0.3)}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:all var(--trans-medium)}.app-header.scrolled{background:var(--bg-header-scrolled);box-shadow:var(--shadow-sm)}.header-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px}.main-nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}.logo-container{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo-main{height:55px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.3))}.desktop-nav{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.nav-item{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;color:var(--text-secondary);font-size:0.92rem;font-weight:500;text-decoration:none;border-radius:var(--radius-pill);transition:all var(--trans-fast)}.nav-item:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.nav-badge.special{background:linear-gradient(135deg, #EC4899 0%, #8B5CF6 100%);color:#FFFFFF;font-size:0.68rem;font-weight:700;padding:2px 6px;border-radius:999px;text-transform:uppercase;letter-spacing:0.04em;box-shadow:0 2px 6px rgba(236,72,153,0.4)}.user-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--trans-fast);padding:0;position:relative;outline:none}.theme-toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-focus);transform:translateY(-1px)}.theme-toggle-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.theme-icon-sun,.theme-icon-moon{font-size:1.05rem;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),opacity 0.2s ease}[data-theme="dark"]:root .theme-icon-sun,:root:not([data-theme="light"]) .theme-icon-sun{display:inline-block;color:#FBBF24}[data-theme="dark"]:root .theme-icon-moon,:root:not([data-theme="light"]) .theme-icon-moon{display:none}[data-theme="light"]:root .theme-icon-sun{display:none}[data-theme="light"]:root .theme-icon-moon{display:inline-block;color:#6366F1}.mobile-header-actions{display:flex;align-items:center;gap:10px}.mobile-theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-top:16px;background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.mobile-theme-label{display:flex;align-items:center;gap:8px;font-size:0.92rem;font-weight:600;color:var(--text-primary)}.mobile-theme-label i{color:#818CF8}.mobile-theme-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;width:auto;height:auto;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-pill);font-size:0.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--trans-fast)}.mobile-theme-switch-btn:hover{border-color:var(--border-focus)}[data-theme="dark"]:root .theme-mode-light-text,:root:not([data-theme="light"]) .theme-mode-light-text{display:none}[data-theme="dark"]:root .theme-mode-dark-text,:root:not([data-theme="light"]) .theme-mode-dark-text{display:inline-flex;align-items:center;gap:5px;color:#FBBF24}[data-theme="light"]:root .theme-mode-dark-text{display:none}[data-theme="light"]:root .theme-mode-light-text{display:inline-flex;align-items:center;gap:5px;color:#6366F1}.auth-buttons{display:flex;align-items:center;gap:10px}.auth-buttons .btn{padding:8px 18px;font-size:0.88rem}.notification-wrapper{position:relative}.notification-btn{background:rgba(255,255,255,0.05);border:1px solid var(--border-subtle);color:var(--text-secondary);width:38px;height:38px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--trans-fast)}.notification-btn:hover,.notification-btn.active{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-medium)}.notification-badge{position:absolute;top:-2px;right:-2px;background:#EF4444;color:#FFFFFF;font-size:0.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-header);box-shadow:0 0 6px rgba(239,68,68,0.5);pointer-events:none}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-width:Min(92vw, 400px);background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 40px rgba(0,0,0,0.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;z-index:1002;animation:notifDropdownFadeSlide 0.22s var(--ease-smooth)}.notification-dropdown.hidden{display:none !important}@keyframes notifDropdownFadeSlide{from{opacity:0;transform:translateY(-8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated)}.notification-header-left{display:flex;align-items:center;gap:8px}.notification-header-title{font-family:var(--font-heading);font-size:0.98rem;font-weight:700;color:var(--text-primary);margin:0}.notification-count-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:0.72rem;font-weight:700;border-radius:var(--radius-pill);background:rgba(99,102,241,0.15);color:var(--brand-primary-light);border:1px solid rgba(99,102,241,0.25)}.mark-all-read-btn{background:none;border:none;font-size:0.78rem;font-weight:600;color:var(--brand-primary-light);cursor:pointer;padding:4px 8px;border-radius:var(--radius-xs);transition:all var(--trans-fast)}.mark-all-read-btn:hover{background:rgba(99,102,241,0.1);color:var(--brand-secondary-light)}.notification-list{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.notification-list::-webkit-scrollbar{width:5px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:999px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border-subtle);text-decoration:none;cursor:pointer;transition:all var(--trans-fast);position:relative;outline:none}.notification-item:last-child{border-bottom:none}.notification-item:hover,.notification-item:focus-visible{background:var(--bg-surface-hover)}.notification-item.unread{background:rgba(99,102,241,0.05)}[data-theme="light"]:root .notification-item.unread{background:rgba(79,70,229,0.05)}.notification-item.unread:hover,.notification-item.unread:focus-visible{background:rgba(99,102,241,0.1)}[data-theme="light"]:root .notification-item.unread:hover,[data-theme="light"]:root .notification-item.unread:focus-visible{background:rgba(79,70,229,0.1)}.notification-item.read{opacity:0.85}.notification-item.read:hover{opacity:1}.notification-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.95rem;margin-top:2px;background:rgba(99,102,241,0.15);color:var(--brand-primary-light)}.notification-icon.welcome{background:rgba(16,185,129,0.15);color:#10B981}.notification-icon.profile_completeness{background:rgba(59,130,246,0.15);color:#3B82F6}.notification-icon.course{background:rgba(139,92,246,0.15);color:#8B5CF6}.notification-icon.quiz{background:rgba(245,158,11,0.15);color:#F59E0B}.notification-icon.token_usage_50{background:rgba(245,158,11,0.15);color:#F59E0B}.notification-icon.token_usage_100,.notification-icon.insufficient_tokens{background:rgba(239,68,68,0.15);color:#EF4444}.notification-content{flex:1;min-width:0}.notification-title{font-size:0.88rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.35}.notification-message{font-size:0.82rem;color:var(--text-secondary);line-height:1.4;word-break:break-word}.notification-time{font-size:0.72rem;color:var(--text-faint);margin-top:4px}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-primary);box-shadow:0 0 8px rgba(99,102,241,0.7);flex-shrink:0;margin-top:6px}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:38px 20px;color:var(--text-muted);font-size:0.88rem}.notification-loading i{font-size:1.4rem;color:var(--brand-primary-light)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.notification-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-faint);margin-bottom:12px}.notification-empty-title{font-size:0.95rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.notification-empty-desc{font-size:0.82rem;color:var(--text-muted);margin:0}.notification-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 20px;text-align:center;color:var(--text-secondary);font-size:0.88rem}.notification-error i{font-size:1.4rem;color:#EF4444}.notification-retry-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:var(--text-primary);font-size:0.8rem;font-weight:600;padding:5px 16px;border-radius:var(--radius-pill);cursor:pointer;margin-top:6px;transition:all var(--trans-fast)}.notification-retry-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-focus)}.notification-footer{padding:12px 18px;border-top:1px solid var(--border-subtle);background:var(--bg-surface-elevated);text-align:center}.view-all-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:0.82rem;font-weight:600;color:var(--brand-primary-light);text-decoration:none;transition:color var(--trans-fast)}.view-all-link:hover{color:var(--brand-secondary-light);text-decoration:underline}@media (max-width: 768px){.notification-dropdown{position:fixed !important;top:74px !important;left:12px !important;right:12px !important;width:auto !important;max-width:none !important;border-radius:var(--radius-lg) !important}}.user-dropdown-wrapper{position:relative}.user-menu-btn{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,0.05);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:5px 12px 5px 6px;color:var(--text-primary);cursor:pointer;transition:all var(--trans-fast)}.user-menu-btn:hover{background:rgba(255,255,255,0.09);border-color:var(--border-medium)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg, #4F46E5, #3B82F6);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:0.75rem;position:relative}.status-indicator{position:absolute;bottom:0;right:0;width:7px;height:7px;border-radius:50%;background:#10B981;border:1px solid var(--bg-base)}.username{font-size:0.88rem;font-weight:600}.dropdown-arrow{font-size:0.7rem;color:var(--text-muted)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;z-index:1001;display:block}.dropdown-menu.hidden{display:none !important}.dropdown-header{padding:8px 10px;border-bottom:1px solid var(--border-subtle);margin-bottom:6px}.dropdown-header .user-name{display:block;font-weight:600;font-size:0.9rem;color:var(--text-primary)}.dropdown-header .user-status{display:block;font-size:0.75rem;color:var(--brand-primary-light)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:0.88rem;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all var(--trans-fast)}.dropdown-item:hover{background:rgba(255,255,255,0.08);color:#FFFFFF}.dropdown-divider{height:1px;background:var(--border-subtle);margin:6px 0}.dropdown-item.logout-btn{color:#F87171}.dropdown-item.logout-btn:hover{background:rgba(239,68,68,0.12);color:#FCA5A5}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;z-index:1010}.hamburger-line{display:block;width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform var(--trans-fast),opacity var(--trans-fast)}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1050;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;bottom:0;width:85%;max-width:340px;background:var(--bg-surface);border-left:1px solid var(--border-medium);box-shadow:-10px 0 30px rgba(0,0,0,0.6);padding:24px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s var(--ease-smooth);overflow-y:auto}.mobile-menu-overlay.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.mobile-logo-main{height:34px;width:auto}.mobile-nav-list{list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:8px}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1rem;font-weight:500;text-decoration:none;transition:all var(--trans-fast)}.mobile-nav-item:hover,.mobile-nav-item:focus{background:rgba(255,255,255,0.08);color:#FFFFFF}.mobile-user-section{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-subtle)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:10px}.mobile-btn{width:100%;text-align:center}.mobile-user-info{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mobile-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-primary);display:flex;align-items:center;justify-content:center;color:#FFFFFF}.mobile-username{font-weight:600;color:#FFFFFF}.mobile-user-actions{display:flex;flex-direction:column;gap:8px}.mobile-action-btn{display:flex;align-items:center;padding:10px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.05);color:var(--text-secondary);text-decoration:none;font-size:0.92rem;border:none;width:100%}.mobile-action-btn.logout{color:#F87171;background:rgba(239,68,68,0.08)}.hero,.hero--dark{background:var(--bg-base) !important;position:relative;padding:120px 0 70px 0;border-bottom:1px solid var(--border-subtle);overflow:hidden}.hero-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mesh-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.35}.orb-primary{width:500px;height:500px;top:-100px;right:-50px;background:radial-gradient(circle, #4F46E5 0%, transparent 70%)}.orb-secondary{width:450px;height:450px;bottom:0;left:-80px;background:radial-gradient(circle, #06B6D4 0%, transparent 70%);opacity:0.25}.orb-accent{width:350px;height:350px;top:30%;left:35%;background:radial-gradient(circle, #8B5CF6 0%, transparent 70%);opacity:0.2}.hero-content{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}.hero-text{max-width:620px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(79,70,229,0.12);border:1px solid rgba(99,102,241,0.3);border-radius:var(--radius-pill);font-size:0.82rem;font-weight:600;color:#818CF8;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow-flag{font-size:1rem}.title{font-family:var(--font-heading);font-size:clamp(2.2rem, 4.5vw, 3.4rem);font-weight:800;line-height:1.15;letter-spacing:-0.025em;margin:0 0 18px 0;color:var(--text-primary)}.subtitle{font-size:clamp(1rem, 1.8vw, 1.15rem);color:var(--text-secondary);line-height:1.65;margin:0 0 28px 0;max-width:540px}.cta-buttons{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:36px}.hero-trust-bar{display:flex;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.trust-item{display:flex;flex-direction:column}.trust-val{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.trust-lbl{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em}.trust-sep{width:1px;height:28px;background:var(--border-subtle)}.hero-visual-container{width:100%;position:relative}.hero-visual-slides{position:relative;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);box-shadow:0 20px 50px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.1);padding:20px 22px 16px;min-height:440px;display:flex;flex-direction:column;overflow:hidden}.hero-card-glow{position:absolute;top:-20%;right:-20%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle, rgba(79,70,229,0.3) 0%, transparent 70%);filter:blur(40px);pointer-events:none;animation:glowDrift 8s ease-in-out infinite alternate}@keyframes glowDrift{0%{transform:translate(0, 0);opacity:0.7}50%{transform:translate(-20px, 15px);opacity:1}100%{transform:translate(10px, -10px);opacity:0.8}}.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.micro-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(129,140,248,0.5);animation:particleFloat 12s ease-in-out infinite}.micro-particle.p1{left:15%;top:20%;animation-delay:0s}.micro-particle.p2{left:75%;top:60%;animation-delay:-4s;background:rgba(56,189,248,0.4)}.micro-particle.p3{left:50%;top:80%;animation-delay:-8s;background:rgba(52,211,153,0.4)}@keyframes particleFloat{0%,100%{transform:translateY(0) translateX(0);opacity:0.3}25%{transform:translateY(-20px) translateX(8px);opacity:0.7}50%{transform:translateY(-10px) translateX(-5px);opacity:0.4}75%{transform:translateY(-25px) translateX(3px);opacity:0.6}}.showcase-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;position:relative;z-index:2}.showcase-badge{display:inline-flex;align-items:center;gap:7px;font-size:0.82rem;font-weight:700;color:#FFFFFF;background:rgba(79,70,229,0.18);border:1px solid rgba(99,102,241,0.3);padding:5px 14px;border-radius:var(--radius-pill);transition:background 0.5s ease, border-color 0.5s ease}.showcase-badge i{font-size:0.78rem;transition:color 0.5s ease}.showcase-meta{font-size:0.72rem;color:var(--text-muted);transition:opacity 0.4s ease}.showcase-stage{position:relative;flex:1;min-height:320px}.showcase-state{position:absolute;inset:0;opacity:0;transform:translateY(12px);filter:blur(3px);pointer-events:none;transition:opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1),transform 0.55s cubic-bezier(0.4, 0, 0.2, 1),filter 0.55s cubic-bezier(0.4, 0, 0.2, 1)}.showcase-state.active{opacity:1;transform:translateY(0);filter:blur(0);pointer-events:auto;position:relative}.showcase-state.exiting{opacity:0;transform:translateY(-12px);filter:blur(3px);pointer-events:none}.showcase-state.active .sq-card>*{animation:staggerIn 0.5s cubic-bezier(0.4, 0, 0.2, 1) both}.showcase-state.active .sq-card>*:nth-child(1){animation-delay:0.05s}.showcase-state.active .sq-card>*:nth-child(2){animation-delay:0.12s}.showcase-state.active .sq-card>*:nth-child(3){animation-delay:0.19s}.showcase-state.active .sq-card>*:nth-child(4){animation-delay:0.26s}.showcase-state.active .sq-card>*:nth-child(5){animation-delay:0.33s}@keyframes staggerIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sq-card{background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.sq-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sq-pills{display:flex;gap:6px;flex-wrap:wrap}.sq-tag{font-size:0.72rem;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);background:rgba(56,189,248,0.1);color:#38BDF8;white-space:nowrap}.sq-timer{font-size:0.72rem;font-weight:600;color:#FBBF24;background:rgba(245,158,11,0.12);padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap}.sq-question{font-size:0.88rem;font-weight:600;color:var(--text-primary);margin:0 0 12px 0;line-height:1.45}.sq-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sq-option{display:flex;align-items:center;gap:10px;padding:7px 11px;background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.82rem;color:var(--text-secondary);transition:all 0.3s ease}.sq-option.correct{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.4);color:#FFFFFF;font-weight:600}.sq-opt-letter{width:20px;height:20px;border-radius:4px;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;flex-shrink:0}.sq-option.correct .sq-opt-letter{background:#10B981;color:#FFFFFF}.sq-opt-check{margin-left:auto;color:#10B981}.sq-explanation{background:rgba(14,165,233,0.08);border-left:3px solid #0EA5E9;padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sq-exp-title{font-size:0.75rem;font-weight:700;color:#38BDF8;margin-bottom:2px}.sq-explanation p{font-size:0.78rem;color:var(--text-secondary);margin:0;line-height:1.4}.ss-topic-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ss-topic-info{display:flex;align-items:center;gap:10px}.ss-topic-icon{font-size:1.2rem;color:#22D3EE}.ss-topic-info strong{display:block;font-size:0.88rem;color:var(--text-primary)}.ss-topic-info span{display:block;font-size:0.72rem;color:var(--text-muted)}.ss-chapter-badge{font-size:0.7rem;padding:3px 9px;background:rgba(99,102,241,0.15);color:#A5B4FC;border-radius:var(--radius-pill)}.ss-tools-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;margin-bottom:14px}.ss-tool-card{background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px;text-align:center;transition:border-color 0.3s ease, background 0.3s ease}.ss-tool-card:hover{border-color:rgba(99,102,241,0.3);background:rgba(99,102,241,0.06)}.ss-tool-icon{font-size:1.1rem;margin-bottom:6px;display:block}.ss-tool-icon.notes{color:#60A5FA}.ss-tool-icon.flash{color:#A78BFA}.ss-tool-icon.quiz{color:#34D399}.ss-tool-icon.spaced{color:#FBBF24}.ss-tool-name{font-size:0.82rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.ss-tool-stat{font-size:0.68rem;color:var(--text-muted)}.ss-progress-bar{padding-top:10px;border-top:1px solid var(--border-subtle)}.ss-prog-label{display:flex;justify-content:space-between;font-size:0.76rem;color:var(--text-secondary);margin-bottom:6px}.ss-prog-pct{font-weight:700;color:#34D399}.ss-prog-track{width:100%;height:6px;background:rgba(255,255,255,0.08);border-radius:var(--radius-pill);overflow:hidden}.ss-prog-fill{height:100%;background:linear-gradient(90deg, #10B981, #34D399);border-radius:var(--radius-pill);transition:width 1s ease}.sa-stats-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-bottom:14px}.sa-stat{background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 8px;text-align:center}.sa-stat-val{display:block;font-family:var(--font-heading);font-size:1.15rem;font-weight:700}.sa-stat-lbl{display:block;font-size:0.68rem;color:var(--text-muted);margin-top:2px}.sa-progress-item{margin-bottom:12px}.sa-prog-header{display:flex;justify-content:space-between;font-size:0.78rem;color:var(--text-secondary);margin-bottom:5px;font-weight:600}.sa-prog-track{width:100%;height:7px;background:rgba(255,255,255,0.08);border-radius:var(--radius-pill);overflow:hidden}.sa-prog-fill{height:100%;background:linear-gradient(90deg, #10B981, #34D399);border-radius:var(--radius-pill);transition:width 1.2s ease}.sa-weak-area{background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.2);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:10px}.sa-weak-header{display:flex;align-items:center;gap:6px;font-size:0.72rem;font-weight:700;color:#FBBF24;margin-bottom:3px}.sa-weak-topic{font-size:0.82rem;color:var(--text-primary);font-weight:600}.sa-recommendation{display:flex;align-items:center;gap:8px;background:rgba(245,158,11,0.08);border-left:3px solid #F59E0B;padding:8px 10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:0.78rem;color:var(--text-secondary)}.sn-hierarchy{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:16px}.sn-level{width:100%;text-align:center}.sn-level-tag{display:inline-block;font-size:0.82rem;font-weight:700;padding:5px 16px;border-radius:var(--radius-pill);transition:all 0.3s ease}.sn-level-tag.cls{background:rgba(99,102,241,0.15);color:#A5B4FC}.sn-level-tag.subj{background:rgba(56,189,248,0.12);color:#38BDF8}.sn-level-tag.branch{background:rgba(16,185,129,0.12);color:#34D399}.sn-level-tag.chapter{background:rgba(245,158,11,0.12);color:#FBBF24}.sn-connector{color:var(--text-faint);font-size:0.65rem;line-height:1}.sn-cards-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:6px}.sn-card{background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px 6px;text-align:center;transition:border-color 0.3s ease}.sn-card:hover{border-color:rgba(99,102,241,0.3)}.sn-card i{font-size:1rem;display:block;margin-bottom:4px}.sn-card span{font-size:0.7rem;font-weight:600;color:var(--text-secondary)}.se-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.se-tab{flex:1;text-align:center;font-size:0.85rem;font-weight:700;padding:8px 12px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);cursor:pointer;transition:all 0.3s ease;border:1px solid transparent;border-bottom:none}.se-tab.active{background:rgba(99,102,241,0.12);color:#A5B4FC;border-color:rgba(99,102,241,0.3)}.se-panel{display:none}.se-panel.active{display:block}.se-subjects{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.se-subj{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.82rem;font-weight:600;color:var(--text-primary)}.se-extras{display:flex;gap:8px}.se-extra{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:rgba(79,70,229,0.08);border:1px solid rgba(99,102,241,0.2);border-radius:var(--radius-sm);font-size:0.78rem;font-weight:600;color:#A5B4FC}.showcase-journey{display:flex;align-items:center;justify-content:center;gap:0;margin-top:16px;padding:0 12px}.journey-dot{width:12px;height:12px;border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.4s ease;flex-shrink:0;position:relative}.journey-dot-inner{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.25);transition:all 0.4s ease;display:block}.journey-dot.active .journey-dot-inner{width:10px;height:10px;background:#6366F1;box-shadow:0 0 10px rgba(99,102,241,0.5)}.journey-dot.completed .journey-dot-inner{background:rgba(99,102,241,0.6)}.journey-line{flex:1;height:2px;background:rgba(255,255,255,0.1);border-radius:1px;overflow:hidden;max-width:40px}.journey-line-fill{height:100%;width:0%;background:linear-gradient(90deg, #4F46E5, #6366F1);border-radius:1px;transition:width 0.5s ease}.journey-labels{display:flex;justify-content:space-between;padding:6px 2px 0}.journey-lbl{font-size:0.62rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-faint);text-align:center;flex:1;transition:color 0.4s ease}.journey-lbl.active{color:#818CF8}.modules-section{padding:90px 0;position:relative}.section-head{text-align:center;max-width:680px;margin:0 auto 56px auto}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:700;color:#818CF8;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}.section-title{font-family:var(--font-heading);font-size:clamp(2rem, 3.5vw, 2.75rem);font-weight:800;color:var(--text-primary);margin:0 0 14px 0;letter-spacing:-0.02em}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin:0}.section-divider{width:60px;height:3px;background:var(--grad-brand);border-radius:var(--radius-pill);margin:18px auto 0 auto}.module-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:36px;margin-bottom:40px;box-shadow:var(--shadow-md);transition:border-color var(--trans-medium),box-shadow var(--trans-medium)}.module-card:hover{border-color:rgba(99,102,241,0.35);box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 20px rgba(99,102,241,0.15)}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.module-card.reverse .module-grid{grid-template-columns:1fr 1fr}.module-card.reverse .module-visual{order:2}.module-card.reverse .module-content{order:1}.interactive-preview-card{background:rgba(255,255,255,0.02);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.preview-badge-group{display:flex;align-items:center;gap:8px}.badge-text{font-size:0.78rem;color:var(--text-muted)}.preview-chip{font-size:0.72rem;font-weight:600;padding:3px 8px;background:rgba(255,255,255,0.08);border-radius:var(--radius-pill);color:var(--text-secondary)}.preview-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.mode-box{background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.mode-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mode-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:0.85rem}.mode-icon.blue{background:rgba(59,130,246,0.15);color:#60A5FA}.mode-icon.amber{background:rgba(245,158,11,0.15);color:#FBBF24}.mode-title{font-size:0.85rem;font-weight:700;color:#FFFFFF}.mode-sub{font-size:0.7rem;color:var(--text-muted)}.mode-pills{display:flex;gap:4px;flex-wrap:wrap}.mini-pill{font-size:0.68rem;background:rgba(255,255,255,0.06);padding:2px 6px;border-radius:var(--radius-xs);color:var(--text-secondary)}.question-types-container{padding-top:14px;border-top:1px solid var(--border-subtle)}.q-type-label{display:block;font-size:0.72rem;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.04em}.q-type-tags{display:flex;gap:6px;flex-wrap:wrap}.q-tag{font-size:0.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;gap:4px}.q-tag.emerald{background:rgba(16,185,129,0.12);color:#34D399}.q-tag.rose{background:rgba(244,63,94,0.12);color:#FB7185}.q-tag.indigo{background:rgba(99,102,241,0.12);color:#A5B4FC}.q-tag.purple{background:rgba(168,85,247,0.12);color:#C084FC}.studio-root{text-align:center;padding:10px;background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:16px}.root-badge{font-size:0.72rem;color:#A5B4FC;font-weight:600;margin-bottom:2px}.root-title{font-size:0.88rem;font-weight:700;color:#FFFFFF}.studio-branches{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}.branch-card{background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px}.branch-icon{width:28px;height:28px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:0.8rem;margin-bottom:6px}.branch-icon.indigo{background:rgba(99,102,241,0.15);color:#818CF8}.branch-icon.cyan{background:rgba(6,182,212,0.15);color:#38BDF8}.branch-icon.emerald{background:rgba(16,185,129,0.15);color:#34D399}.branch-icon.amber{background:rgba(245,158,11,0.15);color:#FBBF24}.branch-name{font-size:0.82rem;font-weight:700;color:#FFFFFF}.branch-meta{font-size:0.7rem;color:var(--text-muted)}.analytics-metrics-deck{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.analytics-metric-card{background:rgba(255,255,255,0.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px}.metric-top{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--text-muted);margin-bottom:6px}.metric-number{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:1.1;margin-bottom:4px}.metric-sub{font-size:0.7rem;color:var(--text-faint)}.analytics-weak-area-box{background:rgba(0,0,0,0.2);border-radius:var(--radius-sm);padding:12px}.weak-header{display:flex;justify-content:space-between;font-size:0.75rem;margin-bottom:8px}.weak-title{color:#FFFFFF;font-weight:600}.weak-badge{color:#FBBF24;font-size:0.7rem}.weak-topics{display:flex;flex-direction:column;gap:6px}.weak-topic-row{display:flex;justify-content:space-between;font-size:0.75rem;color:var(--text-secondary)}.module-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:700;color:#A5B4FC;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}.module-title{font-family:var(--font-heading);font-size:clamp(1.8rem, 2.5vw, 2.2rem);font-weight:700;color:var(--text-primary);margin:0 0 16px 0;line-height:1.25}.module-desc{font-size:0.98rem;color:var(--text-secondary);line-height:1.65;margin:0 0 24px 0}.module-features-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:28px}.mini-feature{display:flex;align-items:flex-start;gap:12px}.feat-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(79,70,229,0.15);color:#818CF8;display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0;margin-top:2px}.feat-title{font-size:0.92rem;font-weight:700;color:var(--text-primary);margin:0 0 2px 0}.feat-desc{font-size:0.85rem;color:var(--text-muted);margin:0;line-height:1.45}.module-cta-row{display:flex}.exam-prep-section{padding:80px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated)}.exam-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.exam-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;box-shadow:var(--shadow-md);transition:transform var(--trans-medium),border-color var(--trans-medium)}.exam-card:hover{transform:translateY(-2px);border-color:rgba(99,102,241,0.4)}.exam-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.exam-icon-wrap{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.exam-icon-wrap.neet{background:rgba(16,185,129,0.15);color:#34D399;border:1px solid rgba(16,185,129,0.3)}.exam-icon-wrap.jee{background:rgba(59,130,246,0.15);color:#60A5FA;border:1px solid rgba(59,130,246,0.3)}.exam-tag{font-size:0.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:0.05em}.exam-card-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.exam-card-desc{font-size:0.92rem;color:var(--text-secondary);line-height:1.55;margin:0 0 20px 0}.exam-feature-list{list-style:none;padding:0;margin:0 0 28px 0;display:flex;flex-direction:column;gap:10px}.exam-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:0.88rem;color:var(--text-secondary)}.exam-feature-list li i{color:#10B981;margin-top:3px;font-size:0.85rem;flex-shrink:0}.exam-card-footer{margin-top:auto}.cta-section{padding:80px 0}.cta-banner{background:linear-gradient(135deg, rgba(79,70,229,0.2) 0%, rgba(59,130,246,0.12) 100%);border:1px solid rgba(99,102,241,0.35);border-radius:var(--radius-2xl);padding:48px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,0.35)}.cta-banner::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(circle, rgba(99,102,241,0.3) 0%, transparent 70%);filter:blur(50px);pointer-events:none}.cta-content{position:relative;z-index:1;max-width:620px;margin:0 auto}.cta-title{font-family:var(--font-heading);font-size:clamp(1.8rem, 3.2vw, 2.4rem);font-weight:800;color:#FFFFFF;margin:0 0 10px 0;letter-spacing:-0.02em}.cta-description{font-size:1rem;color:var(--text-secondary);margin:0 0 28px 0}.cta-inline{display:flex;align-items:center;gap:10px;max-width:480px;margin:0 auto;background:rgba(9,13,22,0.7);border:1px solid var(--border-medium);border-radius:var(--radius-pill);padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cta-input{flex:1;background:transparent;border:none;padding:10px 16px;font-size:0.95rem;color:#FFFFFF;outline:none}.cta-input::-moz-placeholder{color:var(--text-muted)}.cta-input::placeholder{color:var(--text-muted)}.cta-inline .btn{padding:10px 22px;flex-shrink:0}.cta-action-center{display:flex;justify-content:center}.testimonials-section{padding:80px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}.testimonial-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;transition:transform var(--trans-medium),border-color var(--trans-medium)}.testimonial-card:hover{transform:translateY(-2px);border-color:rgba(99,102,241,0.3)}.testimonial-stars{color:#FBBF24;font-size:0.85rem;margin-bottom:14px;display:flex;gap:3px}.testimonial-text{font-size:0.95rem;color:var(--text-secondary);line-height:1.6;margin:0 0 20px 0;flex:1;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--border-subtle)}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #4F46E5, #06B6D4);color:#FFFFFF;font-weight:700;font-size:0.85rem;display:flex;align-items:center;justify-content:center}.author-name{font-size:0.92rem;font-weight:700;color:var(--text-primary);margin:0}.author-meta{font-size:0.78rem;color:var(--text-muted);margin:0}.pricing-section{padding:80px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;align-items:stretch}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:transform var(--trans-medium),border-color var(--trans-medium)}.pricing-card:hover{transform:translateY(-2px);border-color:rgba(99,102,241,0.35)}.pricing-card.featured{background:linear-gradient(180deg, #131C31 0%, #0E1526 100%);border:2px solid #6366F1;box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 30px rgba(99,102,241,0.2);transform:scale(1.02)}.pricing-card.featured:hover{transform:scale(1.02) translateY(-2px)}.popular-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #EC4899, #8B5CF6);color:#FFFFFF;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:3px 12px;border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(236,72,153,0.4);white-space:nowrap}.pricing-header{margin-bottom:24px}.plan-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 4px 0}.plan-desc{font-size:0.85rem;color:var(--text-muted);margin:0 0 16px 0}.plan-price-wrap{display:flex;align-items:baseline;gap:4px}.price-curr{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.plan-price{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1}.plan-period{font-size:0.85rem;color:var(--text-muted)}.plan-features{list-style:none;padding:0;margin:0 0 32px 0;display:flex;flex-direction:column;gap:12px;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:0.9rem;color:var(--text-secondary)}.plan-features li i{color:#10B981;margin-top:3px;font-size:0.85rem;flex-shrink:0}.pricing-cta{margin-top:auto}.faq-section{padding:80px 0;border-top:1px solid var(--border-subtle)}.faq-wrap{max-width:820px;margin:0 auto 36px auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--trans-fast)}.faq-item[open]{border-color:rgba(99,102,241,0.4)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:1.05rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-chevron{font-size:0.85rem;color:var(--text-muted);transition:transform 0.25s ease}.faq-item[open] .faq-chevron{transform:rotate(180deg);color:#818CF8}.faq-answer{padding:0 22px 18px 22px;color:var(--text-secondary);font-size:0.95rem;line-height:1.6}.faq-answer p{margin:0}.faq-footer-action{text-align:center}.final-cta{padding:60px 0 90px 0}.final-cta-card{background:linear-gradient(135deg, #131C31 0%, #0E1526 100%);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);padding:56px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.final-cta-content{position:relative;z-index:1;max-width:640px;margin:0 auto}.final-cta-title{font-family:var(--font-heading);font-size:clamp(2rem, 3.5vw, 2.6rem);font-weight:800;color:var(--text-primary);margin:0 0 12px 0;letter-spacing:-0.02em}.final-cta-desc{font-size:1.05rem;color:var(--text-secondary);margin:0 0 32px 0}.final-cta-buttons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.modal,.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal.hidden,.modal-overlay.hidden,.modal[aria-hidden="true"]{display:none !important}.modal__overlay{position:absolute;inset:0}.modal__content,.modal-content{position:relative;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:0 25px 60px rgba(0,0,0,0.6);width:100%;max-width:480px;padding:28px;z-index:1;color:var(--text-primary)}.modal__header,.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.modal__title-group{display:flex;align-items:center;gap:12px}.modal__icon{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(79,70,229,0.15);color:#818CF8;display:flex;align-items:center;justify-content:center;font-size:1rem}.modal__title,.modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.modal__subtitle,.modal-subtitle{font-size:0.8rem;color:var(--text-muted);margin:2px 0 0 0}.modal__close,.close-btn{background:rgba(255,255,255,0.05);border:1px solid var(--border-subtle);border-radius:50%;width:32px;height:32px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all var(--trans-fast)}.modal__close:hover,.close-btn:hover{background:rgba(255,255,255,0.12);color:#FFFFFF}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:0.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-group label i{color:#818CF8;margin-right:4px}.form-input,.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="password"],.form-group input[type="tel"]{width:100%;background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:0.92rem;outline:none;transition:border-color var(--trans-fast)}.form-input:focus,.form-group input:focus{border-color:#6366F1;box-shadow:0 0 0 3px rgba(99,102,241,0.2)}.password-wrapper{position:relative}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.modal__footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;font-size:0.82rem}.modal__footer a{color:#818CF8;text-decoration:none}.modal__footer a:hover{text-decoration:underline}.avatar-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, #4F46E5, #3B82F6);color:#FFFFFF;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-kv{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.profile-kv dt{font-size:0.75rem;color:var(--text-muted);text-transform:uppercase}.profile-kv dd{margin:0;font-size:0.92rem;font-weight:600;color:var(--text-primary)}.site-footer{background:var(--bg-footer);border-top:1px solid var(--border-subtle);padding:70px 0 30px 0;position:relative;overflow:hidden;transition:background-color 0.25s ease}.footer-container{max-width:var(--container-max, 1240px);margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 768px){.footer-container{padding:0 20px}}@media (max-width: 480px){.footer-container{padding:0 16px}}.footer-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:1px;background:linear-gradient(90deg, transparent, rgba(99,102,241,0.4), transparent)}.footer-grid{display:grid;grid-template-columns:1.4fr 2fr;gap:60px;margin-bottom:50px}.footer-brand-col{max-width:360px}.footer-logo{height:38px;width:auto;margin-bottom:14px;display:block}.footer-tagline{font-size:0.9rem;color:var(--text-muted);line-height:1.6;margin:0 0 20px 0}.footer-badges{display:flex;gap:10px;flex-wrap:wrap}.footer-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--text-secondary);background:rgba(255,255,255,0.04);padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.footer-badge i{color:#10B981}.footer-links-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}.footer-heading{font-size:0.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 16px 0}.footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-nav a{color:var(--text-muted);text-decoration:none;font-size:0.88rem;transition:color var(--trans-fast)}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:16px}.footer-copy p{font-size:0.82rem;color:var(--text-faint);margin:0}.footer-social{display:flex;align-items:center;gap:12px}.social-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);color:var(--text-muted);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:0.9rem;transition:all var(--trans-fast)}.social-icon:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#FFFFFF;transform:translateY(-2px)}.reveal{opacity:1 !important;transform:none !important}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:36px}.hero-text{max-width:100%;text-align:center}.eyebrow{margin-left:auto;margin-right:auto}.subtitle{margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center}.hero-trust-bar{justify-content:center}.module-grid,.module-card.reverse .module-grid{grid-template-columns:1fr;gap:32px}.module-card.reverse .module-visual{order:1}.module-card.reverse .module-content{order:2}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-2px)}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-brand-col{max-width:100%}.footer-links-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.desktop-nav{display:none !important}.auth-buttons{display:none !important}.mobile-menu-toggle{display:flex !important}.hero--dark{padding:95px 0 50px 0}.exam-cards-grid{grid-template-columns:1fr}.module-card{padding:24px 18px}.interactive-preview-card{padding:16px}.preview-modes-grid{grid-template-columns:1fr}.analytics-metrics-deck{grid-template-columns:1fr}.site-footer{padding-top:50px;padding-bottom:90px}.footer-bottom{flex-direction:column;text-align:center;gap:16px}.cta-inline{flex-direction:column;background:transparent;border:none;padding:0}.cta-input{width:100%;background:rgba(9,13,22,0.8);border:1px solid var(--border-medium);border-radius:var(--radius-pill);margin-bottom:10px}.cta-inline .btn{width:100%}.hero-visual-slides{min-height:380px;padding:16px 14px 12px}.showcase-stage{min-height:280px}.sq-question{font-size:0.82rem}.sq-option{padding:6px 9px;font-size:0.78rem}.sq-explanation p{font-size:0.72rem}.ss-tools-grid{gap:6px}.ss-tool-card{padding:10px 8px}.sa-stats-row{gap:6px}.sa-stat-val{font-size:1rem}.sn-cards-grid{grid-template-columns:repeat(2, 1fr);gap:6px}.se-subj{padding:6px 10px;font-size:0.78rem}.journey-labels{display:none}.micro-particle{display:none}}@media (max-width: 480px){.title{font-size:2.1rem}.cta-buttons .btn{width:100%}.footer-links-grid{grid-template-columns:1fr;gap:28px}.hero-trust-bar{gap:12px}.trust-val{font-size:1.1rem}.flow-steps{flex-direction:column}.flow-arrow{transform:rotate(90deg);margin:4px 0}.hero-visual-slides{min-height:360px;padding:14px 12px 10px}.showcase-stage{min-height:260px}.showcase-header{flex-direction:column;align-items:flex-start;gap:4px}.sq-header{flex-direction:column;align-items:flex-start;gap:6px}.sq-pills{flex-wrap:wrap}.ss-tools-grid{grid-template-columns:repeat(2, 1fr)}.sa-stats-row{grid-template-columns:repeat(3, 1fr)}.sn-cards-grid{grid-template-columns:repeat(2, 1fr)}.se-extras{flex-direction:column;gap:4px}.showcase-journey{margin-top:10px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.hero-particles,.hero-card-glow{display:none !important}.showcase-state{transition:none !important;filter:none !important}.showcase-state.active{opacity:1 !important;transform:none !important}.journey-line-fill{transition:none !important}}[data-theme="light"]:root .logo-main{filter:drop-shadow(0 1px 3px rgba(0,0,0,0.12))}[data-theme="light"]:root .hero-visual-slides{box-shadow:0 20px 40px rgba(15,23,42,0.08),0 0 0 1px var(--border-subtle)}[data-theme="light"]:root .mesh-orb.orb-primary{opacity:0.12}[data-theme="light"]:root .mesh-orb.orb-secondary{opacity:0.08}[data-theme="light"]:root .mesh-orb.orb-accent{opacity:0.08}[data-theme="light"]:root .pricing-card.featured{background:linear-gradient(180deg, #fff 0%, #EEF2FF 100%);border:2px solid var(--brand-primary);box-shadow:0 16px 36px rgba(79,70,229,0.15),0 0 25px rgba(99,102,241,0.15)}[data-theme="light"]:root .final-cta-card{background:linear-gradient(135deg, #fff 0%, #F1F5F9 100%);border:1px solid var(--border-medium);box-shadow:0 20px 40px rgba(15,23,42,0.08)}[data-theme="light"]:root .mockup-notes-box,[data-theme="light"]:root .analytics-weak-area-box{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle)}[data-theme="light"]:root .se-tab.active{background:var(--bg-surface-elevated);color:var(--text-primary)}[data-theme="light"]:root .sq-card,[data-theme="light"]:root .sq-option,[data-theme="light"]:root .ss-tool-card,[data-theme="light"]:root .sa-stat,[data-theme="light"]:root .sn-card,[data-theme="light"]:root .se-subj,[data-theme="light"]:root .interactive-preview-card,[data-theme="light"]:root .mode-box,[data-theme="light"]:root .branch-card,[data-theme="light"]:root .analytics-metric-card,[data-theme="light"]:root .studio-root{background:var(--bg-surface);border:1px solid var(--border-subtle)}[data-theme="light"]:root .sq-option.correct{background:#ECFDF5;border-color:#10B981;color:#065F46}[data-theme="light"]:root .showcase-badge{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle)}[data-theme="light"]:root .sq-explanation{background:rgba(14,165,233,0.06)}[data-theme="light"]:root .sa-weak-area{background:rgba(245,158,11,0.05)}[data-theme="light"]:root .sa-recommendation{background:rgba(245,158,11,0.05)}[data-theme="light"]:root .se-extra{background:rgba(79,70,229,0.05)}[data-theme="light"]:root .journey-dot-inner{background:rgba(0,0,0,0.15)}[data-theme="light"]:root .journey-line{background:rgba(0,0,0,0.08)}[data-theme="light"]:root .footer-badge{background:var(--bg-surface);border:1px solid var(--border-subtle)}[data-theme="light"]:root .social-icon{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary)}[data-theme="light"]:root .social-icon:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#FFFFFF}[data-theme="light"]:root .mobile-menu-content{background:var(--bg-surface);border-left:1px solid var(--border-subtle);box-shadow:-10px 0 30px rgba(15,23,42,0.15)}[data-theme="light"]:root .modal-content,[data-theme="light"]:root .modal__content{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 25px 60px rgba(15,23,42,0.2)}[data-theme="light"]:root .form-input,[data-theme="light"]:root .form-group input{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:var(--text-primary)}[data-theme="light"]:root .cta-banner{background:linear-gradient(135deg, #4F46E5 0%, #3B82F6 100%);border:1px solid rgba(255,255,255,0.25);box-shadow:0 20px 50px rgba(79,70,229,0.25)}[data-theme="light"]:root .cta-title{color:#FFFFFF !important}[data-theme="light"]:root .cta-description{color:#EEF2FF !important}[data-theme="light"]:root .cta-inline{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.35)}[data-theme="light"]:root .cta-input{color:#FFFFFF !important}[data-theme="light"]:root .cta-input::-moz-placeholder{color:rgba(255,255,255,0.75) !important}[data-theme="light"]:root .cta-input::placeholder{color:rgba(255,255,255,0.75) !important}[data-theme="light"]:root .cta-inline .btn-primary{background:#FFFFFF !important;color:#4F46E5 !important;box-shadow:0 4px 12px rgba(0,0,0,0.15)}[data-theme="light"]:root .cta-inline .btn-primary:hover{background:#F8FAFC !important;color:#4338CA !important}[data-theme="light"]:root .pricing-card .btn-ghost{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:var(--text-primary) !important}[data-theme="light"]:root .pricing-card .btn-ghost:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#FFFFFF !important}[data-theme="light"]:root .module-title,[data-theme="light"]:root .feat-title,[data-theme="light"]:root .ss-tool-name,[data-theme="light"]:root .ss-topic-info strong,[data-theme="light"]:root .modal__title,[data-theme="light"]:root .modal-title,[data-theme="light"]:root .profile-kv dd,[data-theme="light"]:root .mockup-subject strong,[data-theme="light"]:root .curr-title,[data-theme="light"]:root .step-info strong,[data-theme="light"]:root .weak-title,[data-theme="light"]:root .mode-title,[data-theme="light"]:root .branch-name,[data-theme="light"]:root .root-title{color:var(--text-primary) !important}[data-theme="light"]:root .section-eyebrow,[data-theme="light"]:root .module-badge,[data-theme="light"]:root .root-badge,[data-theme="light"]:root .se-extra{color:var(--brand-primary) !important}[data-theme="light"]:root .preview-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary)}[data-theme="light"]:root .mini-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary)}[data-theme="light"]:root .mockup-subject span,[data-theme="light"]:root .curr-meta,[data-theme="light"]:root .step-info span{color:var(--text-muted) !important}[data-theme="light"]:root .mockup-question{color:var(--text-primary) !important}[data-theme="light"]:root .eyebrow{background:#EEF2FF;border-color:#C7D2FE;color:#4F46E5}[data-theme="light"]:root .hero-trust-bar{border-color:var(--border-subtle)}[data-theme="light"]:root .trust-val{color:var(--text-primary) !important}[data-theme="light"]:root .user-menu-btn{background:rgba(0,0,0,0.04);border-color:#CBD5E1;color:#0F172A}[data-theme="light"]:root .user-menu-btn:hover{background:rgba(0,0,0,0.08);border-color:#94A3B8}[data-theme="light"]:root .user-menu-btn .username{color:#0F172A !important}[data-theme="light"]:root .user-menu-btn .dropdown-arrow{color:#475569}[data-theme="light"]:root .dropdown-menu{background:#FFFFFF !important;border:1px solid #CBD5E1 !important;box-shadow:0 10px 30px rgba(0,0,0,0.12) !important}[data-theme="light"]:root .dropdown-header{border-bottom:1px solid #E2E8F0 !important}[data-theme="light"]:root .dropdown-header .user-name{color:#0F172A !important}[data-theme="light"]:root .dropdown-header .user-status{color:#4F46E5 !important}[data-theme="light"]:root .dropdown-item{color:#334155 !important}[data-theme="light"]:root .dropdown-item:hover{background:#F1F5F9 !important;color:#0F172A !important}[data-theme="light"]:root .dropdown-divider{background:#E2E8F0 !important}[data-theme="light"]:root .dropdown-item.logout-btn{color:#EF4444 !important}[data-theme="light"]:root .dropdown-item.logout-btn:hover{background:#FEF2F2 !important;color:#DC2626 !important}[data-theme="light"]:root .mobile-username{color:#0F172A !important}[data-theme="light"]:root .mobile-action-btn{background:#F1F5F9 !important;color:#334155 !important}[data-theme="light"]:root .mobile-action-btn:hover{background:#E2E8F0 !important;color:#0F172A !important}[data-theme="dark"]:root .dropdown-header .user-name{color:#FFFFFF !important}[data-theme="dark"]:root .user-menu-btn .username{color:#FFFFFF !important}[data-theme="dark"]:root body.contact-page,:root:not([data-theme="light"]) body.contact-page{background-color:var(--bg-base);color:var(--text-primary)}[data-theme="dark"]:root .contact-page .contact-card,:root:not([data-theme="light"]) .contact-page .contact-card{background-color:var(--bg-surface) !important;border:1px solid var(--border-medium) !important;color:var(--text-primary) !important;box-shadow:0 16px 40px rgba(0,0,0,0.45) !important}[data-theme="dark"]:root .contact-page h2,[data-theme="dark"]:root .contact-page h3,[data-theme="dark"]:root .contact-page h4,:root:not([data-theme="light"]) .contact-page h2,:root:not([data-theme="light"]) .contact-page h3,:root:not([data-theme="light"]) .contact-page h4{color:#FFFFFF !important}[data-theme="dark"]:root .contact-page label,:root:not([data-theme="light"]) .contact-page label{color:#CBD5E1 !important}[data-theme="dark"]:root .contact-page input[type="text"],[data-theme="dark"]:root .contact-page input[type="email"],[data-theme="dark"]:root .contact-page textarea,[data-theme="dark"]:root .contact-page select,:root:not([data-theme="light"]) .contact-page input[type="text"],:root:not([data-theme="light"]) .contact-page input[type="email"],:root:not([data-theme="light"]) .contact-page textarea,:root:not([data-theme="light"]) .contact-page select{background-color:#131C31 !important;border:1px solid rgba(255,255,255,0.16) !important;color:#FFFFFF !important;caret-color:#818CF8 !important}[data-theme="dark"]:root .contact-page input::-moz-placeholder,[data-theme="dark"]:root .contact-page textarea::-moz-placeholder,:root:not([data-theme="light"]) .contact-page input::-moz-placeholder,:root:not([data-theme="light"]) .contact-page textarea::-moz-placeholder{color:rgba(255,255,255,0.45) !important}[data-theme="dark"]:root .contact-page input::placeholder,[data-theme="dark"]:root .contact-page textarea::placeholder,:root:not([data-theme="light"]) .contact-page input::placeholder,:root:not([data-theme="light"]) .contact-page textarea::placeholder{color:rgba(255,255,255,0.45) !important}[data-theme="dark"]:root .contact-page select option,:root:not([data-theme="light"]) .contact-page select option{background-color:#131C31 !important;color:#FFFFFF !important}[data-theme="dark"]:root .contact-page .contact-hint,:root:not([data-theme="light"]) .contact-page .contact-hint{color:#94A3B8 !important}[data-theme="dark"]:root .contact-page .security-notice,:root:not([data-theme="light"]) .contact-page .security-notice{background-color:rgba(79,70,229,0.14) !important;border:1px solid rgba(99,102,241,0.35) !important}[data-theme="dark"]:root .contact-page .security-notice .notice-title,:root:not([data-theme="light"]) .contact-page .security-notice .notice-title{color:#A5B4FC !important}[data-theme="dark"]:root .contact-page .security-notice .notice-desc,:root:not([data-theme="light"]) .contact-page .security-notice .notice-desc{color:#C7D2FE !important}[data-theme="dark"]:root .contact-page .contact-info-icon,:root:not([data-theme="light"]) .contact-page .contact-info-icon{background-color:rgba(79,70,229,0.2) !important;color:#818CF8 !important}[data-theme="dark"]:root .contact-page .contact-info-text,:root:not([data-theme="light"]) .contact-page .contact-info-text{color:#CBD5E1 !important}[data-theme="dark"]:root .contact-page .contact-divider,:root:not([data-theme="light"]) .contact-page .contact-divider{border-color:rgba(255,255,255,0.1) !important}[data-theme="dark"]:root .contact-page .instant-help-banner,:root:not([data-theme="light"]) .contact-page .instant-help-banner{background:linear-gradient(135deg, rgba(79,70,229,0.22) 0%, rgba(14,21,38,0.9) 100%) !important;border:1px solid rgba(99,102,241,0.35) !important}[data-theme="dark"]:root .contact-page .instant-help-banner p,:root:not([data-theme="light"]) .contact-page .instant-help-banner p{color:#CBD5E1 !important}[data-theme="dark"]:root .contact-page .faq-item-card,:root:not([data-theme="light"]) .contact-page .faq-item-card{background-color:rgba(255,255,255,0.03) !important;border:1px solid rgba(255,255,255,0.08) !important}[data-theme="dark"]:root .contact-page .faq-item-card:hover,:root:not([data-theme="light"]) .contact-page .faq-item-card:hover{background-color:rgba(79,70,229,0.1) !important;border-color:rgba(99,102,241,0.3) !important}[data-theme="dark"]:root .contact-page .faq-item-card h3,:root:not([data-theme="light"]) .contact-page .faq-item-card h3{color:#FFFFFF !important}[data-theme="dark"]:root .contact-page .faq-item-card p,:root:not([data-theme="light"]) .contact-page .faq-item-card p{color:#94A3B8 !important}[data-theme="dark"]:root .contact-page .faq-bottom-banner,:root:not([data-theme="light"]) .contact-page .faq-bottom-banner{border-color:rgba(255,255,255,0.08) !important}[data-theme="dark"]:root .contact-page .faq-bottom-banner p,:root:not([data-theme="light"]) .contact-page .faq-bottom-banner p{color:#94A3B8 !important}[data-theme="light"]:root body.contact-page{background-color:#F8FAFC;color:#0F172A}[data-theme="light"]:root .contact-page .contact-card{background-color:#FFFFFF !important;border:1px solid #E2E8F0 !important;color:#0F172A !important;box-shadow:0 10px 30px rgba(0,0,0,0.06) !important}[data-theme="light"]:root .contact-page h2,[data-theme="light"]:root .contact-page h3,[data-theme="light"]:root .contact-page h4{color:#1E293B !important}[data-theme="light"]:root .contact-page label{color:#334155 !important}[data-theme="light"]:root .contact-page input[type="text"],[data-theme="light"]:root .contact-page input[type="email"],[data-theme="light"]:root .contact-page textarea,[data-theme="light"]:root .contact-page select{background-color:#FFFFFF !important;border:1px solid #CBD5E1 !important;color:#0F172A !important;caret-color:#4F46E5 !important}[data-theme="light"]:root .contact-page input::-moz-placeholder,[data-theme="light"]:root .contact-page textarea::-moz-placeholder{color:#94A3B8 !important}[data-theme="light"]:root .contact-page input::placeholder,[data-theme="light"]:root .contact-page textarea::placeholder{color:#94A3B8 !important}[data-theme="light"]:root .contact-page .security-notice{background-color:#EEF2FF !important;border:1px solid #C7D2FE !important}[data-theme="light"]:root .contact-page .security-notice .notice-title{color:#312E81 !important}[data-theme="light"]:root .contact-page .security-notice .notice-desc{color:#4338CA !important}[data-theme="light"]:root .contact-page .contact-info-icon{background-color:#EEF2FF !important;color:#4F46E5 !important}[data-theme="light"]:root .contact-page .contact-info-text{color:#475569 !important}[data-theme="light"]:root .contact-page .faq-item-card{background-color:#F8FAFC !important;border:1px solid #E2E8F0 !important}[data-theme="light"]:root .contact-page .faq-item-card:hover{background-color:#EEF2FF !important;border-color:#C7D2FE !important}[data-theme="light"]:root .contact-page .faq-item-card h3{color:#1E293B !important}[data-theme="light"]:root .contact-page .faq-item-card p{color:#475569 !important}[data-theme="dark"]:root #mock-test-modal .mock-modal-dialog,:root:not([data-theme="light"]) #mock-test-modal .mock-modal-dialog{background-color:#0E1526 !important;border:1px solid rgba(255,255,255,0.14) !important;color:#FFFFFF !important;box-shadow:0 25px 60px rgba(0,0,0,0.8) !important}[data-theme="dark"]:root #mock-test-modal .mock-stat-title,:root:not([data-theme="light"]) #mock-test-modal .mock-stat-title{color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-stat-desc,:root:not([data-theme="light"]) #mock-test-modal .mock-stat-desc{color:#94A3B8 !important}[data-theme="dark"]:root #mock-test-modal #remaining-attempts,:root:not([data-theme="light"]) #mock-test-modal #remaining-attempts{color:#60A5FA !important;font-weight:700}[data-theme="dark"]:root #mock-test-modal .mock-note-box,:root:not([data-theme="light"]) #mock-test-modal .mock-note-box{background-color:rgba(245,158,11,0.12) !important;border-left:4px solid #F59E0B !important;color:#FDE68A !important}[data-theme="dark"]:root #mock-test-modal .mock-note-box strong,:root:not([data-theme="light"]) #mock-test-modal .mock-note-box strong{color:#FBBF24 !important}[data-theme="dark"]:root #mock-test-modal .mock-cancel-btn,[data-theme="dark"]:root #mock-test-modal #prev-question-btn,:root:not([data-theme="light"]) #mock-test-modal .mock-cancel-btn,:root:not([data-theme="light"]) #mock-test-modal #prev-question-btn{background-color:rgba(255,255,255,0.06) !important;border:2px solid rgba(255,255,255,0.22) !important;color:#E2E8F0 !important}[data-theme="dark"]:root #mock-test-modal .mock-cancel-btn:hover,[data-theme="dark"]:root #mock-test-modal #prev-question-btn:hover,:root:not([data-theme="light"]) #mock-test-modal .mock-cancel-btn:hover,:root:not([data-theme="light"]) #mock-test-modal #prev-question-btn:hover{background-color:rgba(255,255,255,0.12) !important;border-color:rgba(255,255,255,0.38) !important;color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-subbar,:root:not([data-theme="light"]) #mock-test-modal .mock-subbar{background-color:#131C31 !important;border-color:rgba(255,255,255,0.08) !important}[data-theme="dark"]:root #mock-test-modal .mock-question-prompt,:root:not([data-theme="light"]) #mock-test-modal .mock-question-prompt{color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-review-label,:root:not([data-theme="light"]) #mock-test-modal .mock-review-label{color:#CBD5E1 !important}[data-theme="dark"]:root #mock-test-modal .mock-option-card,:root:not([data-theme="light"]) #mock-test-modal .mock-option-card{background-color:rgba(255,255,255,0.03) !important;border:2px solid rgba(255,255,255,0.12) !important;color:#E2E8F0 !important}[data-theme="dark"]:root #mock-test-modal .mock-option-card:hover,:root:not([data-theme="light"]) #mock-test-modal .mock-option-card:hover{background-color:rgba(59,130,246,0.1) !important;border-color:#60A5FA !important}[data-theme="dark"]:root #mock-test-modal .mock-option-card.selected,:root:not([data-theme="light"]) #mock-test-modal .mock-option-card.selected{background-color:rgba(59,130,246,0.22) !important;border-color:#3B82F6 !important;color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-option-card span,:root:not([data-theme="light"]) #mock-test-modal .mock-option-card span{color:#E2E8F0 !important}[data-theme="dark"]:root #mock-test-modal .mock-option-card.selected span,:root:not([data-theme="light"]) #mock-test-modal .mock-option-card.selected span{color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-loading-title,:root:not([data-theme="light"]) #mock-test-modal .mock-loading-title{color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-loading-desc,:root:not([data-theme="light"]) #mock-test-modal .mock-loading-desc{color:#94A3B8 !important}[data-theme="dark"]:root #mock-test-modal .mock-breakdown-card,:root:not([data-theme="light"]) #mock-test-modal .mock-breakdown-card{background-color:#0E1526 !important;border:1px solid rgba(255,255,255,0.12) !important;color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-review-question-card,:root:not([data-theme="light"]) #mock-test-modal .mock-review-question-card{background-color:#131C31 !important;border:1px solid rgba(255,255,255,0.12) !important;color:#FFFFFF !important}[data-theme="dark"]:root #mock-test-modal .mock-review-prompt,:root:not([data-theme="light"]) #mock-test-modal .mock-review-prompt{color:#FFFFFF !important}[data-theme="light"]:root #mock-test-modal .mock-modal-dialog{background-color:#FFFFFF !important;border:1px solid #E2E8F0 !important;color:#0F172A !important;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25) !important}[data-theme="light"]:root #mock-test-modal .mock-stat-title{color:#0F172A !important}[data-theme="light"]:root #mock-test-modal .mock-stat-desc{color:#475569 !important}[data-theme="light"]:root #mock-test-modal #remaining-attempts{color:#2563EB !important;font-weight:700}[data-theme="light"]:root #mock-test-modal .mock-note-box{background-color:#FEFCE8 !important;border-left:4px solid #FACC15 !important;color:#854D0E !important}[data-theme="light"]:root #mock-test-modal .mock-note-box strong{color:#713F12 !important}[data-theme="light"]:root #mock-test-modal .mock-cancel-btn,[data-theme="light"]:root #mock-test-modal #prev-question-btn{background-color:#FFFFFF !important;border:2px solid #CBD5E1 !important;color:#334155 !important}[data-theme="light"]:root #mock-test-modal .mock-cancel-btn:hover,[data-theme="light"]:root #mock-test-modal #prev-question-btn:hover{background-color:#F1F5F9 !important;border-color:#94A3B8 !important;color:#0F172A !important}[data-theme="light"]:root #mock-test-modal .mock-subbar{background-color:#F8FAFC !important;border-color:#E2E8F0 !important}[data-theme="light"]:root #mock-test-modal .mock-question-prompt{color:#0F172A !important}[data-theme="light"]:root #mock-test-modal .mock-review-label{color:#334155 !important}[data-theme="light"]:root #mock-test-modal .mock-option-card{background-color:#FFFFFF !important;border:2px solid #E2E8F0 !important;color:#1E293B !important}[data-theme="light"]:root #mock-test-modal .mock-option-card:hover{border-color:#60A5FA !important}[data-theme="light"]:root #mock-test-modal .mock-option-card.selected{background-color:#EFF6FF !important;border-color:#2563EB !important;color:#1E3A8A !important}[data-theme="light"]:root #mock-test-modal .mock-option-card span{color:#1E293B !important}[data-theme="light"]:root #mock-test-modal .mock-option-card.selected span{color:#1E3A8A !important}[data-theme="light"]:root #mock-test-modal .mock-loading-title{color:#0F172A !important}[data-theme="light"]:root #mock-test-modal .mock-loading-desc{color:#64748B !important}[data-theme="dark"]:root #mock-test-modal .mock-review-explanation,:root:not([data-theme="light"]) #mock-test-modal .mock-review-explanation{background-color:rgba(59,130,246,0.15) !important;border-left:4px solid #3B82F6 !important;color:#BFDBFE !important}[data-theme="dark"]:root #mock-test-modal .mock-review-explanation div,:root:not([data-theme="light"]) #mock-test-modal .mock-review-explanation div{color:#DBEAFE !important}[data-theme="dark"]:root #mock-test-modal .mock-review-option-card,:root:not([data-theme="light"]) #mock-test-modal .mock-review-option-card{background-color:rgba(255,255,255,0.04) !important;border-color:rgba(255,255,255,0.1) !important;color:#E2E8F0 !important}[data-theme="light"]:root #mock-test-modal .mock-review-explanation{background-color:#EFF6FF !important;border-left:4px solid #3B82F6 !important;color:#1E40AF !important}[data-theme="light"]:root #mock-test-modal .mock-review-explanation div{color:#1E40AF !important}[data-theme="light"]:root #mock-test-modal .mock-review-option-card{background-color:#F8FAFC !important;border-color:#E2E8F0 !important;color:#1E293B !important}.app-header{position:fixed;top:0;left:0;right:0;height:72px;z-index:1000;background:rgba(9,13,22,0.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,0.08);transition:all 0.25s cubic-bezier(0.16, 1, 0.3, 1)}.app-header.scrolled{background:rgba(7,11,20,0.96);border-bottom-color:rgba(255,255,255,0.12);box-shadow:0 4px 20px rgba(0,0,0,0.35)}.header-container{width:100%;max-width:1360px;margin:0 auto;padding:0 16px}@media (min-width: 640px){.header-container{padding:0 24px}}.main-nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:12px}.header-brand-wrap{display:flex;align-items:center;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-main{height:46px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.25));transition:transform 0.2s ease}.logo-container:hover .logo-main{transform:scale(1.02)}.header-pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#f59e0b;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.3);border-radius:9999px;box-shadow:0 0 10px rgba(245,158,11,0.2)}.pro-pulse-dot{width:5px;height:5px;border-radius:50%;background-color:#f59e0b;box-shadow:0 0 6px #f59e0b;animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}.nav-pill-track{display:flex;align-items:center;background:transparent;padding:0;border:none;box-shadow:none}.desktop-nav{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.desktop-nav>li{position:relative}.desktop-nav .nav-item{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;color:#94a3b8;font-size:0.88rem;font-weight:500;text-decoration:none;border-radius:8px;border:1px solid transparent;background:transparent;transition:all 0.16s ease;position:relative;white-space:nowrap;cursor:pointer;font-family:inherit;line-height:1.4}.desktop-nav .nav-item:hover{color:#ffffff;background:rgba(255,255,255,0.06)}.desktop-nav .nav-item:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}.desktop-nav .nav-item.active{color:#ff8c53;background:rgba(255,107,53,0.12);border-color:rgba(255,107,53,0.25);font-weight:600}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:5px}.nav-dropdown-chevron{font-size:0.65rem;transition:transform 0.2s ease, opacity 0.2s ease;opacity:0.7}.nav-dropdown.open .nav-dropdown-chevron,.nav-dropdown:hover .nav-dropdown-chevron{opacity:1}.nav-dropdown.open .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#0f172a;border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:6px;box-shadow:0 12px 32px -4px rgba(0,0,0,0.5),0 4px 12px rgba(0,0,0,0.3);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;z-index:1000;display:flex;flex-direction:column;gap:2px;pointer-events:none}.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-dropdown.dropdown-align-right .nav-dropdown-menu{left:auto;right:0}.nav-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:0.85rem;font-weight:500;transition:all 0.15s ease}.nav-dropdown-item:hover,.nav-dropdown-item:focus,.nav-dropdown-item:focus-visible{color:#f8fafc;background:rgba(255,255,255,0.06);outline:none}.nav-dropdown-item.active{color:#ff8c53;background:rgba(255,107,53,0.12);font-weight:600}.nav-dropdown-item .item-icon{width:16px;text-align:center;font-size:0.85rem;flex-shrink:0}.nav-dropdown-item .item-text{flex:1;white-space:nowrap}.nav-badge.special{font-size:9px;font-weight:700;padding:1px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:0.04em;margin-left:auto}.nav-badge.special.neet-badge{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.35);color:#34d399}.nav-badge.special.jee-badge{background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.35);color:#818cf8}.nav-badge.special.pro-badge{background:rgba(6,182,212,0.15);border:1px solid rgba(6,182,212,0.35);color:#22d3ee}.user-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (min-width: 640px){.user-actions{gap:10px}}.header-streak-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9999px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.25);color:#fbbf24;font-size:0.8rem;font-weight:700;box-shadow:0 0 12px rgba(245,158,11,0.12);transition:all 0.2s ease;white-space:nowrap}.header-streak-pill:hover{background:rgba(245,158,11,0.16);border-color:rgba(245,158,11,0.4)}.streak-flame-icon{color:#f59e0b;font-size:13px;animation:flameBounce 1.5s ease-in-out infinite alternate}@keyframes flameBounce{from{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.15)}}.btn-header-quiz{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;font-size:0.84rem;font-weight:700;color:#ffffff;background:linear-gradient(135deg, #ff6b35 0%, #f97316 50%, #ea580c 100%);border-radius:9999px;text-decoration:none;box-shadow:0 4px 14px rgba(255,107,53,0.35);transition:all 0.2s ease;position:relative;overflow:hidden;white-space:nowrap}.btn-header-quiz:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,107,53,0.45);color:#ffffff}.btn-header-quiz:active{transform:scale(0.97)}.auth-buttons{display:flex;align-items:center;gap:6px}.btn-header-login{display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;font-size:0.85rem;font-weight:700;color:#ffffff !important;background:linear-gradient(135deg, #ff6b35 0%, #ea580c 100%);border-radius:9999px;text-decoration:none;box-shadow:0 2px 10px rgba(255,107,53,0.35);transition:all 0.2s ease;white-space:nowrap}.btn-header-login:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,107,53,0.45);color:#ffffff !important}.btn-header-login:active{transform:scale(0.97)}.btn-header-signup{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;font-size:0.84rem;font-weight:600;color:#cbd5e1;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:9999px;text-decoration:none;transition:all 0.2s ease;white-space:nowrap}.btn-header-signup:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.3);color:#ffffff;transform:translateY(-1px)}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 5px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:9999px;color:#ffffff;cursor:pointer;transition:all 0.2s ease}.user-menu-btn:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.18)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);color:#ffffff;font-size:0.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.2)}.user-name-col{display:flex;flex-direction:column;text-align:left}.user-name-col .username{font-size:0.82rem;font-weight:700;line-height:1.1;color:#f8fafc}.user-name-col .user-subtext{font-size:0.68rem;color:#94a3b8;font-weight:500}.user-token-telemetry{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,0.04);font-size:0.75rem}.token-telemetry-label{color:#94a3b8}.token-telemetry-value{font-family:'JetBrains Mono', monospace;font-weight:700;color:#ff6b35}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(4,9,20,0.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1050;opacity:0;visibility:hidden;transition:opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),visibility 0.28s;display:flex;justify-content:flex-end;align-items:stretch;padding:MAX(12px, env(safe-area-inset-top)) MAX(12px, env(safe-area-inset-right)) MAX(12px, env(safe-area-inset-bottom)) 12px;box-sizing:border-box}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:relative;width:MIN(88vw, 360px);height:100%;max-height:calc(100dvh - MAX(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));background:#0a1126;border-radius:26px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px -8px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.04);display:flex;flex-direction:column;transform:translateX(calc(100% + 24px));transition:transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);overflow:hidden}.mobile-menu-overlay.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);flex-shrink:0}.mobile-logo-row{display:flex;align-items:center}.mobile-logo-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.mobile-logo-img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.3))}.mobile-logo-link .header-brand-name{font-size:1.12rem;font-weight:800;color:#ffffff;letter-spacing:-0.02em}.mobile-header-actions{display:flex;align-items:center;gap:8px}.mobile-theme-btn,.mobile-close-btn{width:36px;height:36px;min-width:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#94a3b8;cursor:pointer;transition:all 0.2s ease;padding:0;outline:none}.mobile-theme-btn:hover,.mobile-close-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);color:#ffffff}.mobile-theme-btn:focus-visible,.mobile-close-btn:focus-visible{outline:2px solid var(--brand-primary, #ff6b35);outline-offset:2px}.mobile-drawer-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:16px}.mobile-drawer-body::-webkit-scrollbar{width:4px}.mobile-drawer-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:9999px}.drawer-student-card{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg, rgba(99,102,241,0.14) 0%, rgba(6,182,212,0.08) 100%);border:1px solid rgba(99,102,241,0.28);box-shadow:0 4px 16px rgba(0,0,0,0.22);display:flex;flex-direction:column;gap:12px}.drawer-student-top{display:flex;align-items:center;gap:12px}.drawer-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);color:#ffffff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 10px rgba(99,102,241,0.35);flex-shrink:0}.drawer-avatar-status{position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:#10b981;border:2px solid #0a1126;box-shadow:0 0 6px rgba(16,185,129,0.6)}.drawer-student-meta{flex:1;min-width:0}.drawer-student-name{font-size:0.95rem;font-weight:700;color:#ffffff;margin:0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-student-class{font-size:0.75rem;color:#94a3b8;margin:2px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-streak-chip{padding:3px 9px;border-radius:9999px;background:rgba(245,158,11,0.16);border:1px solid rgba(245,158,11,0.32);color:#fbbf24;font-size:0.72rem;font-weight:800;font-family:'JetBrains Mono', monospace;white-space:nowrap;flex-shrink:0}.drawer-student-bottom{padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-token-display{display:flex;align-items:center;gap:6px;font-size:0.78rem;color:#94a3b8}.drawer-token-display strong{color:#f8fafc;font-family:'JetBrains Mono', monospace;font-weight:700}.drawer-badge-action{font-size:0.74rem;font-weight:700;color:#38bdf8;text-decoration:none;padding:4px 11px;border-radius:8px;background:rgba(56,189,248,0.12);border:1px solid rgba(56,189,248,0.28);display:inline-flex;align-items:center;gap:5px;transition:all 0.2s ease}.drawer-badge-action i{font-size:0.65rem;transition:transform 0.2s ease}.drawer-badge-action:hover{background:rgba(56,189,248,0.22);color:#e0f2fe;border-color:rgba(56,189,248,0.45)}.drawer-badge-action:hover i{transform:translateX(2px)}.drawer-guest-card{padding:15px 16px;border-radius:18px;background:linear-gradient(135deg, rgba(255,107,53,0.12) 0%, rgba(99,102,241,0.08) 100%);border:1px solid rgba(255,107,53,0.28);box-shadow:0 4px 16px rgba(0,0,0,0.2);display:flex;flex-direction:column;gap:12px}.drawer-guest-content{display:flex;align-items:center;gap:12px}.drawer-guest-icon{width:40px;height:40px;min-width:40px;border-radius:12px;background:rgba(255,107,53,0.18);color:#ff6b35;display:flex;align-items:center;justify-content:center;font-size:1.15rem;border:1px solid rgba(255,107,53,0.3)}.drawer-guest-title{font-size:0.92rem;font-weight:700;color:#ffffff;margin:0;line-height:1.25}.drawer-guest-desc{font-size:0.74rem;color:#94a3b8;margin:2px 0 0 0;line-height:1.35}.drawer-guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-drawer-login{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);color:#ffffff;font-size:0.82rem;font-weight:600;text-decoration:none;transition:all 0.2s ease}.btn-drawer-login:hover{background:rgba(255,255,255,0.12);color:#ffffff}.btn-drawer-signup{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:linear-gradient(135deg, #ff6b35 0%, #ea580c 100%);color:#ffffff;font-size:0.82rem;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(255,107,53,0.35);transition:all 0.2s ease}.btn-drawer-signup:hover{background:linear-gradient(135deg, #ff7a47 0%, #f97316 100%);box-shadow:0 4px 12px rgba(255,107,53,0.45);color:#ffffff}.drawer-nav-group{display:flex;flex-direction:column;gap:4px}.drawer-group-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#64748b;padding:0 8px;margin-bottom:2px}.mobile-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.mobile-nav-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:12px;min-height:42px;color:#cbd5e1;font-size:0.88rem;font-weight:600;text-decoration:none;background:transparent;border:1px solid transparent;transition:all 0.18s ease;box-sizing:border-box}.mobile-nav-item:hover{background:rgba(255,255,255,0.05);color:#ffffff}.mobile-nav-item.active{background:rgba(255,107,53,0.12);color:#ff6b35;border:1px solid rgba(255,107,53,0.25)}.mobile-nav-label{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.mobile-nav-label i{width:20px;min-width:20px;text-align:center;font-size:0.95rem;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center}.mobile-nav-item:hover .mobile-nav-label i{color:#ffffff}.mobile-nav-item.active .mobile-nav-label i{color:#ff6b35}.mobile-nav-arrow{font-size:10px;color:#64748b;transition:transform 0.2s ease;flex-shrink:0;margin-left:6px}.mobile-nav-item:hover .mobile-nav-arrow{color:#ffffff;transform:translateX(2px)}.drawer-pill-badge{font-size:9px;font-weight:800;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:0.04em;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-pill-badge.pro{background:rgba(6,182,212,0.16);border:1px solid rgba(6,182,212,0.38);color:#22d3ee}.drawer-pill-badge.emerald{background:rgba(16,185,129,0.16);border:1px solid rgba(16,185,129,0.38);color:#34d399}.drawer-pill-badge.indigo{background:rgba(99,102,241,0.16);border:1px solid rgba(99,102,241,0.38);color:#818cf8}.drawer-pill-badge.blue{background:rgba(59,130,246,0.16);border:1px solid rgba(59,130,246,0.38);color:#60a5fa}.drawer-pill-badge.amber{background:rgba(245,158,11,0.16);border:1px solid rgba(245,158,11,0.38);color:#fbbf24}.mobile-drawer-footer{padding:12px 16px MAX(12px, env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,0.08);background:rgba(10,18,38,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.mobile-theme-segmented{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);gap:3px}.theme-seg-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:9px;background:transparent;border:none;font-size:0.78rem;font-weight:600;color:#94a3b8;cursor:pointer;transition:all 0.2s ease}.theme-seg-btn:hover{color:#ffffff}.theme-seg-btn.active{background:rgba(255,255,255,0.12);color:#ffffff;box-shadow:0 1px 4px rgba(0,0,0,0.25)}.drawer-signout-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px 12px;border-radius:10px;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:#f87171;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.drawer-signout-btn:hover{background:rgba(239,68,68,0.16);border-color:rgba(239,68,68,0.35);color:#fca5a5}@media (max-height: 640px){.mobile-menu-overlay{padding:8px}.mobile-menu-content{border-radius:20px}.mobile-menu-header{padding:10px 14px}.mobile-drawer-body{padding:12px;gap:12px}.drawer-student-card,.drawer-guest-card{padding:10px 12px}.mobile-nav-item{padding:7px 10px;min-height:38px}.mobile-drawer-footer{padding:8px 12px MAX(8px, env(safe-area-inset-bottom));gap:6px}}@media (prefers-reduced-motion: reduce){.mobile-menu-overlay,.mobile-menu-content,.mobile-nav-item,.theme-seg-btn,.drawer-signout-btn,.mobile-close-btn,.mobile-theme-btn,.drawer-badge-action{transition:none !important;transform:none !important}}@media (min-width: 1025px) and (max-width: 1180px){.desktop-nav{gap:3px}.desktop-nav .nav-item{padding:6px 9px;font-size:0.82rem}.main-nav{gap:12px}}@media (max-width: 1024px){.nav-pill-track{display:none !important}.desktop-nav{display:none !important}.mobile-menu-toggle{display:flex !important}.header-streak-pill{display:none !important}}[data-theme="light"]:root .app-header{background:rgba(255,255,255,0.92) !important;border-bottom:1px solid #e2e8f0 !important}[data-theme="light"]:root .app-header.scrolled{background:rgba(255,255,255,0.98) !important;box-shadow:0 4px 16px rgba(15,23,42,0.06) !important;border-bottom-color:#cbd5e1 !important}[data-theme="light"]:root .nav-pill-track{background:transparent !important;border:none !important;box-shadow:none !important}[data-theme="light"]:root .desktop-nav .nav-item{color:#475569 !important;background:transparent !important;border-color:transparent !important}[data-theme="light"]:root .desktop-nav .nav-item:hover{color:#0f172a !important;background:rgba(15,23,42,0.05) !important;box-shadow:none !important}[data-theme="light"]:root .desktop-nav .nav-item:focus-visible{outline:2px solid #ea580c !important;outline-offset:2px !important}[data-theme="light"]:root .desktop-nav .nav-item.active{color:#ea580c !important;background:rgba(234,88,12,0.1) !important;border-color:rgba(234,88,12,0.22) !important;box-shadow:0 1px 3px rgba(234,88,12,0.08) !important}[data-theme="light"]:root .nav-dropdown-menu{background:#ffffff !important;border-color:#e2e8f0 !important;box-shadow:0 12px 32px -4px rgba(15,23,42,0.12),0 4px 12px rgba(15,23,42,0.06) !important}[data-theme="light"]:root .nav-dropdown-item{color:#475569 !important}[data-theme="light"]:root .nav-dropdown-item:hover,[data-theme="light"]:root .nav-dropdown-item:focus,[data-theme="light"]:root .nav-dropdown-item:focus-visible{color:#0f172a !important;background:#f1f5f9 !important}[data-theme="light"]:root .nav-dropdown-item.active{color:#ea580c !important;background:#fff7ed !important}[data-theme="light"]:root .header-pro-badge{background:#fef3c7 !important;border-color:#fcd34d !important;color:#b45309 !important}[data-theme="light"]:root .header-streak-pill{background:#fffbeb !important;border-color:#fde68a !important;color:#b45309 !important}[data-theme="light"]:root .user-menu-btn{background:#ffffff !important;border-color:#e2e8f0 !important;color:#0f172a !important;box-shadow:0 1px 3px rgba(0,0,0,0.04) !important}[data-theme="light"]:root .user-name-col .username{color:#0f172a !important}[data-theme="light"]:root .user-name-col .user-subtext{color:#64748b !important}[data-theme="light"]:root .user-token-telemetry{background:#f8fafc !important;border:1px solid #e2e8f0 !important}[data-theme="light"]:root .btn-header-login{background:linear-gradient(135deg, #ff6b35 0%, #ea580c 100%) !important;color:#ffffff !important;box-shadow:0 2px 10px rgba(255,107,53,0.35) !important}[data-theme="light"]:root .btn-header-signup{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important}[data-theme="light"]:root .btn-header-signup:hover{background:#f8fafc !important;border-color:#94a3b8 !important;color:#0f172a !important}[data-theme="light"]:root .mobile-menu-overlay{background:rgba(15,23,42,0.45) !important}[data-theme="light"]:root .mobile-menu-content{background:#ffffff !important;border:1px solid rgba(226,232,240,0.95) !important;box-shadow:0 20px 48px -10px rgba(15,23,42,0.18),0 0 0 1px rgba(15,23,42,0.04) !important}[data-theme="light"]:root .mobile-menu-header{border-bottom-color:#f1f5f9 !important;background:#f8fafc !important}[data-theme="light"]:root .mobile-logo-link .header-brand-name{color:#0f172a !important}[data-theme="light"]:root .mobile-theme-btn,[data-theme="light"]:root .mobile-close-btn{background:#ffffff !important;border-color:#cbd5e1 !important;color:#475569 !important}[data-theme="light"]:root .mobile-theme-btn:hover,[data-theme="light"]:root .mobile-close-btn:hover{background:#f1f5f9 !important;color:#0f172a !important;border-color:#94a3b8 !important}[data-theme="light"]:root .drawer-student-card{background:linear-gradient(135deg, rgba(99,102,241,0.06) 0%, rgba(6,182,212,0.04) 100%) !important;border-color:rgba(99,102,241,0.2) !important;box-shadow:0 2px 10px rgba(0,0,0,0.03) !important}[data-theme="light"]:root .drawer-student-name{color:#0f172a !important}[data-theme="light"]:root .drawer-student-class{color:#64748b !important}[data-theme="light"]:root .drawer-student-bottom{border-top-color:rgba(226,232,240,0.9) !important}[data-theme="light"]:root .drawer-token-display{color:#64748b !important}[data-theme="light"]:root .drawer-token-display strong{color:#0f172a !important}[data-theme="light"]:root .drawer-badge-action{background:rgba(2,132,199,0.08) !important;border-color:rgba(2,132,199,0.22) !important;color:#0284c7 !important}[data-theme="light"]:root .drawer-badge-action:hover{background:rgba(2,132,199,0.15) !important;color:#0369a1 !important}[data-theme="light"]:root .drawer-guest-card{background:linear-gradient(135deg, #fff7ed 0%, #fef3c7 100%) !important;border-color:#fed7aa !important;box-shadow:0 2px 10px rgba(255,107,53,0.08) !important}[data-theme="light"]:root .drawer-guest-title{color:#0f172a !important}[data-theme="light"]:root .drawer-guest-desc{color:#64748b !important}[data-theme="light"]:root .btn-drawer-login{background:#ffffff !important;border-color:#cbd5e1 !important;color:#334155 !important}[data-theme="light"]:root .btn-drawer-login:hover{background:#f8fafc !important;color:#0f172a !important}[data-theme="light"]:root .drawer-group-title{color:#94a3b8 !important}[data-theme="light"]:root .mobile-nav-item{color:#334155 !important}[data-theme="light"]:root .mobile-nav-item:hover{background:#f1f5f9 !important;color:#0f172a !important}[data-theme="light"]:root .mobile-nav-item.active{background:rgba(255,107,53,0.08) !important;color:#ea580c !important;border-color:rgba(255,107,53,0.22) !important}[data-theme="light"]:root .mobile-nav-label i{color:#64748b !important}[data-theme="light"]:root .mobile-nav-item.active .mobile-nav-label i{color:#ea580c !important}[data-theme="light"]:root .mobile-drawer-footer{border-top-color:#f1f5f9 !important;background:rgba(255,255,255,0.95) !important}[data-theme="light"]:root .mobile-theme-segmented{background:#e2e8f0 !important;border-color:#cbd5e1 !important}[data-theme="light"]:root .theme-seg-btn{color:#64748b !important}[data-theme="light"]:root .theme-seg-btn.active{background:#ffffff !important;color:#0f172a !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important}[data-theme="light"]:root .drawer-signout-btn{background:rgba(239,68,68,0.06) !important;border-color:rgba(239,68,68,0.2) !important;color:#dc2626 !important}[data-theme="light"]:root .drawer-signout-btn:hover{background:rgba(239,68,68,0.12) !important;color:#b91c1c !important}.header-brand-name{font-family:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-0.025em;color:#ffffff;display:inline-flex;align-items:baseline;line-height:1;margin-left:2px}.brand-name-easy{color:#ff6b35;margin-left:1px}.btn-header-login.highlight-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 18px !important;font-size:0.85rem !important;font-weight:700 !important;color:#ffffff !important;background:linear-gradient(135deg, #ff6b35 0%, #ea580c 100%) !important;border-radius:9999px !important;text-decoration:none !important;box-shadow:0 2px 10px rgba(255,107,53,0.35) !important;transition:all 0.2s ease !important}.btn-header-login.highlight-btn:hover{transform:translateY(-1px) !important;box-shadow:0 4px 14px rgba(255,107,53,0.45) !important;color:#ffffff !important}.btn-header-login.highlight-btn:active{transform:scale(0.97) !important}.btn-header-signup.outline-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px !important;font-size:0.84rem !important;font-weight:600 !important;color:#cbd5e1 !important;background:rgba(255,255,255,0.05) !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:9999px !important;text-decoration:none !important;box-shadow:none !important;transition:all 0.2s ease !important}.btn-header-signup.outline-btn:hover{background:rgba(255,255,255,0.1) !important;border-color:rgba(255,255,255,0.3) !important;color:#ffffff !important;transform:translateY(-1px) !important}[data-theme="light"]:root .header-brand-name{color:#0f172a !important}[data-theme="light"]:root .brand-name-easy{color:#ff6b35 !important}[data-theme="light"]:root .btn-header-login.highlight-btn{background:linear-gradient(135deg, #ff6b35 0%, #ea580c 100%) !important;color:#ffffff !important;box-shadow:0 2px 10px rgba(255,107,53,0.35) !important}[data-theme="light"]:root .btn-header-signup.outline-btn{background:#ffffff !important;border-color:#cbd5e1 !important;color:#334155 !important;box-shadow:0 1px 2px rgba(0,0,0,0.04) !important}[data-theme="light"]:root .btn-header-signup.outline-btn:hover{background:#f8fafc !important;border-color:#94a3b8 !important;color:#0f172a !important}