@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Quicksand:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400..800;1,400..800&display=swap";@import"https://fonts.cdnfonts.com/css/google-sans-2";:root,:root[data-theme=light],html[data-theme=light],body[data-theme=light],[data-theme=light]{color-scheme:light;--primary: #1D4ED8;--primary-hover: #1E40AF;--primary-dark: #172554;--primary-light: #3B82F6;--primary-glow: rgba(29, 78, 216, .12);--primary-tint: #EFF6FF;--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-card-hover: #F1F5F9;--bg-nav: rgba(255, 255, 255, .94);--bg-glass: rgba(255, 255, 255, .88);--bg-input: #F8FAFC;--text-main: #0F172A;--text-muted: #475569;--text-light: #64748B;--text-inverse: #FFFFFF;--accent-gold: #F59E0B;--accent-gold-hover: #D97706;--accent-gold-dark: #B45309;--accent-gold-tint: #FEF3C7;--accent-gold-glow: rgba(245, 158, 11, .2);--accent-emerald: #10B981;--accent-emerald-tint: #ECFDF5;--accent-blue: #2563EB;--accent-blue-tint: #EFF6FF;--accent-orange: #F59E0B;--accent-red: #EF4444;--accent-red-tint: #FEF2F2;--accent-emerald-glow: rgba(16, 185, 129, .15);--accent-blue-glow: rgba(37, 99, 235, .12);--accent-purple: #7E22CE;--accent-purple-glow: rgba(126, 34, 206, .12);--border-color: #E2E8F0;--border-subtle: #F1F5F9;--border-highlight: rgba(29, 78, 216, .25);--border-gold: rgba(245, 158, 11, .35);--gradient-primary: linear-gradient(135deg, #1E40AF 0%, #2563EB 100%);--gradient-emerald: linear-gradient(135deg, #1E40AF 0%, #2563EB 100%);--gradient-blue: linear-gradient(135deg, #1D4ED8 0%, #3B82F6 100%);--gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-orange: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-hero: radial-gradient(circle at 50% 15%, rgba(37, 99, 235, .07) 0%, rgba(245, 158, 11, .03) 50%, #F8FAFC 100%);--gradient-cta: linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 100%);--gradient-dark-card: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .03);--shadow-md: 0 4px 16px -2px rgba(15, 23, 42, .07), 0 2px 6px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px -4px rgba(15, 23, 42, .1), 0 4px 12px -2px rgba(15, 23, 42, .05);--shadow-primary: 0 4px 16px rgba(29, 78, 216, .22);--shadow-gold: 0 4px 16px rgba(245, 158, 11, .25);--shadow-neon: 0 4px 16px rgba(29, 78, 216, .2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}:root[data-theme=dark],html[data-theme=dark],body[data-theme=dark],[data-theme=dark]{color-scheme:dark;--primary: #3B82F6;--primary-hover: #60A5FA;--primary-dark: #1D4ED8;--primary-light: #93C5FD;--primary-glow: rgba(59, 130, 246, .22);--primary-tint: rgba(59, 130, 246, .15);--bg-main: #0B1120;--bg-card: #131E36;--bg-card-hover: #1C2B4B;--bg-nav: rgba(11, 17, 32, .94);--bg-glass: rgba(19, 30, 54, .88);--bg-input: #17233E;--text-main: #F8FAFC;--text-muted: #94A3B8;--text-light: #64748B;--text-inverse: #0F172A;--accent-gold: #F59E0B;--accent-gold-hover: #FBBF24;--accent-gold-dark: #FDE68A;--accent-gold-tint: rgba(245, 158, 11, .18);--accent-gold-glow: rgba(245, 158, 11, .3);--accent-emerald: #10B981;--accent-emerald-tint: rgba(16, 185, 129, .18);--accent-blue: #3B82F6;--accent-blue-tint: rgba(59, 130, 246, .18);--accent-orange: #F59E0B;--accent-red: #EF4444;--accent-red-tint: rgba(239, 68, 68, .18);--accent-emerald-glow: rgba(16, 185, 129, .25);--accent-blue-glow: rgba(59, 130, 246, .25);--accent-purple: #A855F7;--accent-purple-glow: rgba(168, 85, 247, .25);--border-color: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .06);--border-highlight: rgba(96, 165, 250, .35);--border-gold: rgba(245, 158, 11, .45);--gradient-primary: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);--gradient-emerald: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);--gradient-blue: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);--gradient-gold: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-orange: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-hero: radial-gradient(circle at 50% 15%, rgba(59, 130, 246, .14) 0%, rgba(245, 158, 11, .05) 50%, #0B1120 100%);--gradient-cta: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%);--gradient-dark-card: linear-gradient(180deg, #131E36 0%, #0B1120 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .45), 0 2px 6px -1px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .65), 0 4px 12px -2px rgba(0, 0, 0, .35);--shadow-primary: 0 4px 16px rgba(59, 130, 246, .3);--shadow-gold: 0 4px 16px rgba(245, 158, 11, .3);--shadow-neon: 0 4px 16px rgba(59, 130, 246, .35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Google Sans,Quicksand,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-main);color:var(--text-main);font-family:Google Sans,Quicksand,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.65;overflow-x:hidden;width:100%;transition:background-color .3s ease,color .3s ease}.app-root{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;width:100%;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Google Sans,Quicksand,Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text-main);transition:color .3s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px!important;touch-action:manipulation;background-color:var(--bg-input);color:var(--text-main)}.container{width:100%;max-width:1220px;margin:0 auto;padding:0 1.5rem}.section-title-wrapper{text-align:center;margin-bottom:3.25rem}.section-title{font-size:clamp(1.75rem,3.8vw,2.35rem);font-weight:900;color:var(--text-main);margin:.75rem 0 .85rem;letter-spacing:-.03em}.section-subtitle{font-size:clamp(.95rem,1.8vw,1.05rem);color:var(--text-muted);max-width:680px;margin:0 auto;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.65rem;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1d4ed852;filter:brightness(1.05)}.btn-gold,.btn-accent{background:var(--gradient-gold);color:#0f172a;font-weight:800;border:none;box-shadow:var(--shadow-gold)}.btn-gold:hover,.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59;filter:brightness(1.04)}.btn-secondary{background:var(--bg-card);color:var(--primary);border:1.5px solid var(--primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-tint);border-color:var(--primary-hover);color:var(--primary-hover);transform:translateY(-2px)}.btn-outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}.btn-outline-white:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;letter-spacing:.02em}.badge-blue,.badge-primary{background:var(--primary-tint);color:var(--primary);border:1px solid var(--border-highlight)}.badge-gold,.badge-warning{background:var(--accent-gold-tint);color:var(--accent-gold-dark);border:1px solid var(--border-gold)}.badge-emerald,.badge-success{background:var(--accent-emerald-tint);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.badge-purple{background:#a855f726;color:var(--accent-purple);border:1px solid rgba(168,85,247,.35)}.badge-orange{background:var(--accent-gold-tint);color:var(--accent-gold-dark);border:1px solid var(--border-gold)}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gold{color:var(--accent-gold);font-weight:800}.brand-logo-img{display:block;object-fit:contain;width:auto;transition:opacity .2s ease}.brand-logo-light{display:block!important}.brand-logo-dark{display:none!important}:root[data-theme=dark] .brand-logo-light,html[data-theme=dark] .brand-logo-light,body[data-theme=dark] .brand-logo-light,[data-theme=dark] .brand-logo-light{display:none!important}:root[data-theme=dark] .brand-logo-dark,html[data-theme=dark] .brand-logo-dark,body[data-theme=dark] .brand-logo-dark,[data-theme=dark] .brand-logo-dark{display:block!important}:root[data-theme=light] .brand-logo-light,html[data-theme=light] .brand-logo-light,body[data-theme=light] .brand-logo-light,[data-theme=light] .brand-logo-light{display:block!important}:root[data-theme=light] .brand-logo-dark,html[data-theme=light] .brand-logo-dark,body[data-theme=light] .brand-logo-dark,[data-theme=light] .brand-logo-dark{display:none!important}.modern-card,.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover,.glass-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feature-item{display:flex;align-items:flex-start;gap:.65rem;font-size:.92rem;color:var(--text-muted);line-height:1.5}.feature-item svg{color:var(--primary);flex-shrink:0;margin-top:.15rem}.theme-toggle-btn{width:38px;height:38px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}.theme-toggle-btn:hover{transform:rotate(20deg) scale(1.08);border-color:var(--primary)}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.mobile-bottom-bar{display:none}@media(max-width:900px){.teacher-profile-grid{grid-template-columns:1fr!important;gap:1.75rem!important}}@media(max-width:768px){html,body,#root,.app-root{overflow-x:hidden!important;width:100%!important}.container{padding:0 1rem!important;width:100%!important;max-width:100%!important}body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}section{padding:3.25rem 0!important}.section-title-wrapper{margin-bottom:2rem!important}.section-title{font-size:clamp(1.5rem,5.5vw,1.95rem)!important}.section-subtitle{font-size:.9rem!important;line-height:1.55!important}.btn{padding:.8rem 1.35rem;font-size:.92rem}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom,0px));padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px)) 10px;background:var(--bg-card);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1.5px solid var(--border-color);z-index:9999;align-items:center;gap:8px;box-shadow:0 -6px 28px #00000029;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.mobile-menu-active .mobile-bottom-bar{display:none!important;pointer-events:none!important;visibility:hidden!important}.mobile-bottom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;gap:3px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;color:var(--text-main);font-size:.76rem;font-weight:800;text-decoration:none;cursor:pointer;padding:2px 4px;text-align:center;transition:all .2s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}.mobile-bottom-btn:active{transform:scale(.95)}.mobile-bottom-btn.highlight{background:var(--gradient-gold);color:#0f172a;border:none;flex:1.25;box-shadow:0 4px 14px #f59e0b66}.mobile-bottom-btn.highlight span{color:#0f172a;font-weight:900;font-size:.82rem;letter-spacing:.02em}#theory-exam .container{padding:0 .4rem!important}.exam-main-card{padding:.5rem .25rem!important;background:transparent!important;border:none!important;box-shadow:none!important}.exam-grid-responsive{grid-template-columns:100%!important;gap:1.25rem!important}.exam-question-card{padding:1.15rem .85rem!important;border-radius:14px!important}}@media(max-width:480px){.hero-grid{gap:1.75rem!important}.modern-card,.glass-card{padding:1.25rem!important;border-radius:14px!important}input,select,textarea{font-size:16px!important;padding:.75rem .85rem!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}