:root{--navy:#0D0D14;--navy-light:#1A1A26;--navy-mid:#3B60C8;--royal:#1E3A8A;--royal-light:#3B60C8;--gold:#F59E0B;--gold-light:#FEF3C7;--nova:#1E3A8A;--nova-lite:#E8EEFF;--green:#10B981;--green-dark:#059669;--red:#EF4444;--orange:#F59E0B;--white:#FFFFFF;--off-white:#F5F3EE;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius:8px;--radius-lg:12px;--radius-xl:16px;--transition:all 0.2s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--gray-800);background:#FAFAF7;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:'Syne',sans-serif;line-height:1.2;color:var(--gray-900)}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:700}h4{font-size:1.25rem;font-weight:700}p{margin-bottom:1rem;color:var(--gray-600)}a{color:var(--royal);text-decoration:none;transition:var(--transition)}a:hover{color:var(--royal-light)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-dark{background:#0D0D14;color:var(--white)}.section-dark p{color:var(--gray-300)}.section-gray{background:var(--gray-50)}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:0.95rem;cursor:pointer;border:2px solid transparent;transition:var(--transition);text-decoration:none}.btn-primary{background:#1E3A8A;color:white;border-color:#1E3A8A}.btn-primary:hover{background:#1E40AF;border-color:#1E40AF;color:white;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-gold{background:#F59E0B;color:#0D0D14;border-color:#F59E0B}.btn-gold:hover{background:#FEF3C7;border-color:#FEF3C7;color:#0D0D14;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--royal);border-color:var(--royal)}.btn-outline:hover{background:var(--royal);color:white}.btn-white{background:white;color:var(--navy);border-color:white}.btn-white:hover{background:var(--gray-100)}.btn-ghost{background:transparent;color:var(--gray-600);border-color:var(--gray-200)}.btn-ghost:hover{border-color:var(--gray-400);color:var(--gray-800)}.btn-success{background:var(--green);color:white;border-color:var(--green)}.btn-success:hover{background:var(--green-dark)}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-sm{padding:0.5rem 1rem;font-size:0.85rem}.btn-block{width:100%;justify-content:center}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,13,20,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.08);transition:var(--transition)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none}.nav-logo-icon{width:40px;height:40px;background:#1E3A8A;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;color:white}.nav-logo-text{font-weight:800;font-size:1.15rem;color:white;letter-spacing:-0.02em}.nav-logo-text span{color:#F59E0B}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{color:var(--gray-300);font-weight:500;font-size:0.9rem;transition:var(--transition);text-decoration:none}.nav-links a:hover,.nav-links a.active{color:white}.nav-cta{display:flex;align-items:center;gap:1rem}.nav-mobile-toggle{display:none;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:0.5rem}@media (max-width:768px){.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#0D0D14;flex-direction:column;padding:1.5rem;gap:1rem;border-bottom:1px solid rgba(255,255,255,0.1)}.nav-links.open{display:flex}.nav-mobile-toggle{display:block}.nav-cta .btn{display:none}.nav-cta .btn:last-child{display:inline-flex;padding:0.5rem 1rem;font-size:0.85rem}h1{font-size:1.8rem}h2{font-size:1.5rem}.section{padding:3rem 0}}.hero{background:linear-gradient(135deg,#0D0D14 0%,var(--navy-mid) 100%);padding:8rem 0 5rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,0.15) 0%,transparent 70%);border-radius:50%}.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,160,23,0.1) 0%,transparent 70%);border-radius:50%}.hero-content{position:relative;z-index:1;max-width:700px}.hero h1{color:white;font-size:3.2rem;letter-spacing:-0.03em;margin-bottom:1.5rem}.hero h1 span{color:var(--gold)}.hero p{color:var(--gray-300);font-size:1.2rem;line-height:1.7;margin-bottom:2rem}.hero-stats{display:flex;gap:3rem;margin-top:3rem}.hero-stat{text-align:center}.hero-stat-value{font-size:2rem;font-weight:800;color:var(--gold)}.hero-stat-label{font-size:0.85rem;color:var(--gray-400);margin-top:0.25rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width:768px){.hero{padding:6rem 0 3rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.hero-stats{gap:1.5rem}.hero-stat-value{font-size:1.5rem}}.trust-bar{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:1rem 0}.trust-items{display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--gray-500);font-weight:500}.trust-item svg{width:18px;height:18px;color:var(--green)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.course-card{background:white;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:var(--transition);display:flex;flex-direction:column;cursor:pointer}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--gray-300)}.course-card-header{padding:1.5rem 1.5rem 1rem;display:flex;align-items:flex-start;gap:1rem}.course-card-icon{font-size:2.2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);flex-shrink:0}.course-card-badge{display:inline-block;padding:0.2rem 0.6rem;border-radius:100px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background:#F59E0B;color:#0D0D14}.course-card-body{padding:0 1.5rem 1.5rem;flex:1}.course-card-title{font-size:1.15rem;font-weight:700;margin-bottom:0.25rem}.course-card-subtitle{font-size:0.85rem;color:var(--gray-500);margin-bottom:0.75rem}.course-card-desc{font-size:0.9rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta{display:flex;gap:1.25rem;font-size:0.8rem;color:var(--gray-500);margin-bottom:1rem}.course-card-meta span{display:flex;align-items:center;gap:0.3rem}.course-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.course-card-price{font-size:1.4rem;font-weight:800;color:#0D0D14}.course-card-price .original{font-size:0.9rem;color:var(--gray-400);text-decoration:line-through;font-weight:400;margin-left:0.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{padding:2rem;border-radius:var(--radius-lg);background:white;border:1px solid var(--gray-200)}.feature-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;margin-bottom:0.5rem}.feature-card p{font-size:0.9rem;color:var(--gray-500);margin-bottom:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto}.pricing-grid-3{max-width:1100px}.pricing-card{background:white;border-radius:var(--radius-xl);padding:2.5rem;border:2px solid var(--gray-200);position:relative;transition:var(--transition)}.pricing-card.featured{border-color:#1E3A8A;box-shadow:var(--shadow-xl);transform:scale(1.03)}.pricing-card.featured::before{content:'';display:none}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#1E3A8A;color:white;padding:0.3rem 1.2rem;border-radius:100px;font-size:0.75rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.pricing-card h3{font-size:1.3rem;margin-bottom:0.5rem}.pricing-card .price{font-size:2.5rem;font-weight:800;color:#0D0D14;margin:1rem 0}.pricing-card .price span{font-size:1rem;color:var(--gray-500);font-weight:400}.pricing-features{list-style:none;margin:1.5rem 0}.pricing-features li{padding:0.5rem 0;font-size:0.9rem;color:var(--gray-600);display:flex;align-items:flex-start;gap:0.75rem}.pricing-features li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0}.faq-item{border-bottom:1px solid var(--gray-200)}.faq-question{width:100%;padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--gray-800);text-align:left}.faq-question:hover{color:var(--royal)}.faq-arrow{transition:transform 0.3s ease;font-size:1.2rem;color:var(--gray-400)}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-answer-inner{padding:0 0 1.25rem;font-size:0.95rem;color:var(--gray-600);line-height:1.7}.faq-item.open .faq-answer{max-height:500px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testimonial-card{background:white;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.testimonial-stars{color:var(--gold);margin-bottom:1rem;font-size:1.1rem;letter-spacing:2px}.testimonial-text{font-size:0.95rem;color:var(--gray-700);line-height:1.7;margin-bottom:1rem;font-style:italic}.testimonial-author{font-weight:600;font-size:0.9rem;color:var(--gray-800)}.testimonial-role{font-size:0.8rem;color:var(--gray-500)}.footer{background:#0D0D14;color:var(--gray-400);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer h4{color:white;font-size:0.95rem;margin-bottom:1rem}.footer ul{list-style:none}.footer li{margin-bottom:0.5rem}.footer a{color:var(--gray-400);font-size:0.9rem}.footer a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;display:flex;justify-content:space-between;font-size:0.85rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.dashboard{padding-top:72px;min-height:100vh;background:#FAFAF7}.dash-sidebar{position:fixed;top:72px;left:0;bottom:0;width:260px;background:white;border-right:1px solid var(--gray-200);padding:1.5rem 0;overflow-y:auto;z-index:100}.dash-sidebar-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1.5rem;color:var(--gray-600);font-size:0.9rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none;background:none;width:100%;text-align:left}.dash-sidebar-item:hover{background:var(--gray-50);color:var(--gray-800)}.dash-sidebar-item.active{background:var(--royal);color:white;font-weight:600;border-radius:0}.dash-content{margin-left:260px;padding:2rem}@media (max-width:768px){.dash-sidebar{display:none}.dash-content{margin-left:0}}.dash-welcome{background:linear-gradient(135deg,#0D0D14,#3B60C8);border-radius:var(--radius-lg);padding:2rem;color:white;margin-bottom:2rem}.dash-welcome h2{color:white;margin-bottom:0.5rem}.dash-welcome p{color:var(--gray-300);margin-bottom:0}.dash-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.dash-course-card{background:white;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200);transition:var(--transition)}.dash-course-card:hover{box-shadow:var(--shadow-md)}.dash-course-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.dash-course-icon{font-size:1.8rem}.dash-course-title{font-size:1rem;font-weight:700}.dash-course-sub{font-size:0.8rem;color:var(--gray-500)}.progress-bar{height:8px;background:var(--gray-200);border-radius:100px;overflow:hidden;margin:0.75rem 0}.progress-bar-fill{height:100%;border-radius:100px;transition:width 0.5s ease}.progress-text{font-size:0.8rem;color:var(--gray-500);display:flex;justify-content:space-between}.quiz-container{max-width:800px;margin:0 auto;padding:2rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:white;border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:1.5rem;position:sticky;top:80px;z-index:50;box-shadow:var(--shadow-sm)}.quiz-timer{font-family:'JetBrains Mono',monospace;font-size:1.3rem;font-weight:700}.quiz-timer.warning{color:var(--red);animation:pulse 1s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.quiz-progress-text{font-size:0.9rem;color:var(--gray-500);font-weight:500}.quiz-question-card{background:white;border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--gray-200);margin-bottom:1.5rem}.quiz-question-num{font-size:0.85rem;color:var(--royal);font-weight:600;margin-bottom:0.5rem}.quiz-question-text{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1.5rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:0.75rem}.quiz-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:0.95rem;background:white}.quiz-option:hover{border-color:var(--royal);background:#EFF6FF}.quiz-option.selected{border-color:var(--royal);background:#DBEAFE}.quiz-option.correct{border-color:var(--green);background:#D1FAE5}.quiz-option.incorrect{border-color:var(--red);background:#FEE2E2}.quiz-option-letter{width:32px;height:32px;border-radius:50%;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;flex-shrink:0;transition:var(--transition)}.quiz-option.selected .quiz-option-letter{background:var(--royal);color:white;border-color:var(--royal)}.quiz-option.correct .quiz-option-letter{background:var(--green);color:white;border-color:var(--green)}.quiz-option.incorrect .quiz-option-letter{background:var(--red);color:white;border-color:var(--red)}.quiz-explanation{margin-top:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);border-left:3px solid var(--royal);font-size:0.9rem;color:var(--gray-700);line-height:1.6;display:none}.quiz-explanation.show{display:block}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}.quiz-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.quiz-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:600;cursor:pointer;transition:var(--transition);background:white}.quiz-dot.current{border-color:var(--royal);background:var(--royal);color:white}.quiz-dot.answered{border-color:var(--green);background:var(--green);color:white}.results-card{background:white;border-radius:var(--radius-xl);padding:3rem;border:1px solid var(--gray-200);text-align:center;max-width:600px;margin:2rem auto;box-shadow:var(--shadow-lg)}.results-score{font-size:4rem;font-weight:900;margin:1rem 0}.results-score.pass{color:var(--green)}.results-score.fail{color:var(--red)}.results-badge{display:inline-block;padding:0.5rem 1.5rem;border-radius:100px;font-weight:700;font-size:1.1rem;margin-bottom:1rem}.results-badge.pass{background:#D1FAE5;color:var(--green-dark)}.results-badge.fail{background:#FEE2E2;color:#B91C1C}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#FAFAF7}.auth-card{background:white;border-radius:var(--radius-xl);padding:3rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.auth-card h2{text-align:center;margin-bottom:0.5rem}.auth-card .subtitle{text-align:center;color:var(--gray-500);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:0.85rem;font-weight:600;color:var(--gray-700);margin-bottom:0.4rem}.form-input{width:100%;padding:0.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:0.95rem;transition:var(--transition);background:white;color:var(--gray-800)}.form-input:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.form-error{font-size:0.8rem;color:var(--red);margin-top:0.25rem;display:none}.course-hero{padding:8rem 0 3rem;position:relative}.course-hero-content{display:grid;grid-template-columns:1fr 380px;gap:3rem;align-items:start}@media (max-width:768px){.course-hero-content{grid-template-columns:1fr}}.course-sidebar{background:white;border-radius:var(--radius-xl);padding:2rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-lg);position:sticky;top:90px}.course-sidebar-price{font-size:2rem;font-weight:800;color:#0D0D14}.course-sidebar-original{font-size:1rem;color:var(--gray-400);text-decoration:line-through;margin-left:0.5rem}.course-sidebar-discount{display:inline-block;background:#FEF3C7;color:#92400E;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:600;margin-left:0.5rem}.curriculum-list{margin-top:1.5rem}.curriculum-module{border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:0.75rem;overflow:hidden}.curriculum-module-header{padding:1rem 1.25rem;background:var(--gray-50);font-weight:600;font-size:0.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.curriculum-module-topics{padding:0.5rem 1.25rem}.curriculum-module-topics li{padding:0.4rem 0;font-size:0.9rem;color:var(--gray-600);list-style:none;display:flex;align-items:center;gap:0.5rem}.curriculum-module-topics li::before{content:'▸';color:var(--royal);font-size:0.8rem}.checkout-container{max-width:560px;margin:0 auto;padding:2rem}.checkout-card{background:white;border-radius:var(--radius-xl);padding:2.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-lg)}.checkout-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--gray-100)}.checkout-total{display:flex;justify-content:space-between;padding:1.25rem 0;font-size:1.3rem;font-weight:800;color:#0D0D14}.fade-in{animation:fadeIn 0.5s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger>*{opacity:0;animation:fadeIn 0.5s ease forwards}.stagger>*:nth-child(1){animation-delay:0.05s}.stagger>*:nth-child(2){animation-delay:0.1s}.stagger>*:nth-child(3){animation-delay:0.15s}.stagger>*:nth-child(4){animation-delay:0.2s}.stagger>*:nth-child(5){animation-delay:0.25s}.stagger>*:nth-child(6){animation-delay:0.3s}.text-center{text-align:center}.text-gold{color:var(--gold)}.text-royal{color:var(--royal)}.text-green{color:var(--green)}.text-sm{font-size:0.875rem}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.gap-1{gap:0.5rem}.gap-2{gap:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:768px){.grid-2{grid-template-columns:1fr}}.hidden{display:none !important}.badge{display:inline-block;padding:0.2rem 0.6rem;border-radius:100px;font-size:0.75rem;font-weight:600}.badge-green{background:#D1FAE5;color:#065F46}.badge-blue{background:#DBEAFE;color:#1E40AF}.badge-gold{background:#FEF3C7;color:#92400E}.badge-red{background:#FEE2E2;color:#B91C1C}.study-hub-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:2rem;background:white;border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.study-hub-header h1{font-size:1.8rem}.study-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width:768px){.study-modes-grid{grid-template-columns:1fr}}.study-mode-card{background:white;border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--gray-200);transition:var(--transition);display:flex;gap:1.25rem;align-items:flex-start}.study-mode-card:hover{box-shadow:var(--shadow-md)}.study-mode-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.study-mode-card h3{font-size:1.1rem;margin-bottom:0.4rem}.study-mode-card p{font-size:0.88rem;color:var(--gray-500);margin-bottom:0;line-height:1.6}.study-chapter-link{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0;border-top:1px solid var(--gray-100);text-decoration:none;color:var(--gray-700);font-size:0.88rem;transition:var(--transition)}.study-chapter-link:first-child{border-top:none}.study-chapter-link:hover{color:var(--royal)}.study-chapter-num{background:var(--gray-100);color:var(--gray-500);font-size:0.75rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:4px;flex-shrink:0}.study-chapter-arrow{margin-left:auto;color:var(--gray-400)}.study-tag{display:inline-block;padding:0.2rem 0.6rem;border-radius:100px;font-size:0.75rem;font-weight:500;background:var(--gray-100);color:var(--gray-600)}.lesson-card{background:white;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.lesson-header{background:linear-gradient(135deg,#0D0D14,#3B60C8);padding:2.5rem 2rem 2rem;color:white}.lesson-header h1{color:white;font-size:1.8rem}.lesson-chapter-badge{display:inline-block;background:rgba(245,158,11,0.2);color:#F59E0B;padding:0.2rem 0.7rem;border-radius:100px;font-size:0.8rem;font-weight:600}.lesson-progress-bar{display:flex;gap:0.5rem;padding:1rem 2rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);justify-content:center}.lesson-progress-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;cursor:pointer;transition:var(--transition);background:white;color:var(--gray-500)}.lesson-progress-dot.current{border-color:var(--royal);background:var(--royal);color:white}.lesson-progress-dot.done{border-color:var(--green);background:var(--green);color:white}.lesson-body{padding:2rem}.lesson-section{margin-bottom:2.5rem}.lesson-section:last-child{margin-bottom:0}.lesson-section-title{font-size:1.3rem;color:#0D0D14;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--gray-100)}.lesson-content{font-size:0.95rem;line-height:1.8;color:var(--gray-700)}.lesson-content p{margin-bottom:1rem}.lesson-content strong{color:#0D0D14}.lesson-content ul{margin:0.5rem 0 1rem 1.5rem}.lesson-content li{margin-bottom:0.4rem}.lesson-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid var(--gray-200);gap:1rem;flex-wrap:wrap}.flashcard{perspective:1000px;cursor:pointer;height:300px;margin:0 auto}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;text-align:center}.flashcard-front{background:linear-gradient(135deg,#0D0D14,#3B60C8);color:white;border:1px solid rgba(255,255,255,0.1)}.flashcard-back{background:white;color:#0D0D14;transform:rotateY(180deg);border:2px solid #F59E0B;box-shadow:var(--shadow-lg)}.flashcard-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:1rem;opacity:0.6}.flashcard-text{font-size:1.15rem;font-weight:600;line-height:1.5}.flashcard-hint{font-size:0.8rem;opacity:0.4;margin-top:auto}.fc-filter{padding:0.4rem 0.9rem;border-radius:100px;border:1px solid var(--gray-200);background:white;font-size:0.8rem;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--gray-600)}.fc-filter:hover{border-color:var(--royal);color:var(--royal)}.fc-filter.active{background:var(--royal);color:white;border-color:var(--royal)}.ref-tabs{display:flex;gap:0.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.ref-tab{padding:0.6rem 1.2rem;border-radius:var(--radius);border:1px solid var(--gray-200);background:white;font-size:0.88rem;font-weight:500;cursor:pointer;transition:var(--transition);color:var(--gray-600)}.ref-tab:hover{border-color:var(--royal);color:var(--royal)}.ref-tab.active{background:var(--navy);color:white;border-color:var(--navy)}.ref-table{background:white;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200)}.ref-table-header{display:grid;grid-template-columns:120px 1fr;padding:0.75rem 1.25rem;background:var(--gray-50);font-size:0.8rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em}.ref-table-row{display:grid;grid-template-columns:120px 1fr;padding:0.75rem 1.25rem;border-top:1px solid var(--gray-100);font-size:0.9rem;align-items:center}.ref-table-row:hover{background:var(--gray-50)}.ref-date{font-weight:700;color:var(--royal);font-size:0.88rem}.ref-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.ref-person-card{background:white;border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--gray-200);transition:var(--transition)}.ref-person-card:hover{box-shadow:var(--shadow-md)}.ref-person-name{font-weight:700;color:#0D0D14;margin-bottom:0.4rem}.ref-person-desc{font-size:0.88rem;color:var(--gray-600);line-height:1.5}.ref-saints-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.ref-saint-card{background:white;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200);text-align:center;transition:var(--transition)}.ref-saint-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ref-signs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.ref-sign-card{background:white;border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--gray-200);display:flex;gap:1rem;align-items:center;transition:var(--transition)}.ref-sign-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ref-sign-img{width:72px;height:72px;min-width:72px;border-radius:var(--radius);background:var(--gray-100);display:flex;align-items:center;justify-content:center;padding:6px}.ref-sign-img svg{width:100%;height:100%}.ref-sign-info{flex:1}.ref-sign-name{font-weight:700;color:var(--navy);font-size:0.95rem;margin-bottom:0.25rem}.ref-sign-meaning{color:var(--royal);font-weight:600;font-size:0.85rem;margin-bottom:0.25rem}.ref-sign-example{color:var(--gray-500);font-size:0.8rem;font-style:italic}.ref-stopping-grid{display:flex;flex-direction:column;gap:0.75rem}.ref-stopping-card{background:white;border-radius:var(--radius-lg);padding:1rem 1.25rem;border:1px solid var(--gray-200);transition:var(--transition)}.ref-stopping-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ref-stopping-speed{font-weight:700;color:var(--navy);font-size:0.95rem;margin-bottom:0.5rem}.ref-stopping-bars{width:100%}.ref-stopping-bar-row{display:flex;gap:2px;margin-bottom:0.35rem;min-height:28px}.ref-bar{border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:600;color:white;min-width:32px;padding:4px 6px;transition:width 0.5s ease}.ref-bar-think{background:#3b82f6}.ref-bar-brake{background:#ef4444}.ref-bar span{white-space:nowrap}.ref-stopping-total{font-size:0.82rem;color:var(--gray-500);font-weight:600}.ref-stopping-note{background:#fef3c7;border-radius:var(--radius-lg);padding:1rem 1.25rem;border-left:4px solid #f59e0b;color:#92400e;font-weight:600;font-size:0.88rem;line-height:1.6}.ref-penalties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:0.75rem}.ref-penalty-card{background:white;border-radius:var(--radius-lg);padding:1rem 1.25rem;border:1px solid var(--gray-200);display:flex;gap:1rem;align-items:center;transition:var(--transition)}.ref-penalty-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ref-penalty-high{border-left:4px solid #ef4444}.ref-penalty-med{border-left:4px solid #f59e0b}.ref-penalty-low{border-left:4px solid #22c55e}.ref-penalty-icon{width:48px;height:48px;min-width:48px}.ref-penalty-icon svg{width:100%;height:100%}.ref-penalty-info{flex:1}.ref-penalty-fine{color:var(--royal);font-weight:600;font-size:0.85rem;margin-top:0.15rem}.ref-penalty-points{color:var(--gray-500);font-size:0.8rem;font-style:italic;margin-top:0.1rem}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--royal);color:white;padding:0.75rem 1.5rem;border-radius:0 0 var(--radius) var(--radius);font-weight:600;z-index:10000;transition:top 0.2s}.skip-to-content:focus{top:0;color:white}*:focus-visible{outline:3px solid var(--royal);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--royal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.flashcard-inner{transition:none}}@media (prefers-contrast:high){.course-card,.study-mode-card,.quiz-option{border-width:2px}.quiz-option.selected{border-width:3px}.btn{border-width:2px}}@media print{.nav,.footer,.btn,.nav-mobile-toggle{display:none !important}body{background:white;color:black}.section{padding:1rem 0}.hero{background:none;padding:2rem 0}.hero h1,.hero p{color:black}}.ai-agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.ai-agent-card{background:white;border-radius:var(--radius-lg);border:2px solid var(--gray-200);padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all 0.25s ease;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.ai-agent-card:hover{border-color:var(--agent-color,var(--primary));transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.ai-agent-avatar{width:90px;height:90px;margin-bottom:0.5rem}.ai-agent-avatar svg{width:100%;height:100%}.ai-agent-name{font-size:1.25rem;font-weight:800;color:var(--gray-800)}.ai-agent-role{font-size:0.85rem;font-weight:600;color:var(--agent-color,var(--primary))}.ai-agent-desc{font-size:0.85rem;color:var(--gray-500);line-height:1.5;margin-bottom:0.5rem}.chat-widget{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:inherit}.chat-panel{display:none;width:380px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.2);flex-direction:column;overflow:hidden;position:absolute;bottom:72px;right:0;animation:chatSlideUp 0.3s ease}.chat-open .chat-panel{display:flex}.chat-open .chat-fab{display:none}@keyframes chatSlideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chat-header{padding:0.75rem 1rem;display:flex;align-items:center;justify-content:space-between;color:white;border-radius:16px 16px 0 0;flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:0.75rem}.chat-header-avatar{width:40px;height:40px;flex-shrink:0}.chat-header-avatar svg{width:100%;height:100%}.chat-header-name{font-weight:700;font-size:0.95rem}.chat-header-role{font-size:0.75rem;opacity:0.85}.chat-header-actions{display:flex;gap:0.25rem}.chat-header-btn{background:rgba(255,255,255,0.15);border:none;color:white;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:0.9rem;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.chat-header-btn:hover{background:rgba(255,255,255,0.3)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;background:var(--gray-50)}.chat-msg{display:flex;gap:0.5rem;max-width:85%}.chat-msg-bot{align-self:flex-start}.chat-msg-user{align-self:flex-end;flex-direction:row-reverse}.chat-msg-avatar-sm{width:28px;height:28px;flex-shrink:0;margin-top:2px}.chat-msg-avatar-sm svg{width:100%;height:100%}.chat-msg-bubble{padding:0.65rem 1rem;border-radius:16px;font-size:0.88rem;line-height:1.5;word-wrap:break-word}.chat-msg-bot-bubble{background:white;color:var(--gray-800);border:1px solid var(--gray-200);border-radius:4px 16px 16px 16px}.chat-msg-user-bubble{background:var(--agent-color,var(--primary));color:white;border-radius:16px 4px 16px 16px}.chat-typing span{animation:chatBounce 1.4s infinite ease-in-out;display:inline-block;font-size:1.5rem;line-height:1;color:var(--gray-400)}.chat-typing span:nth-child(2){animation-delay:0.2s}.chat-typing span:nth-child(3){animation-delay:0.4s}@keyframes chatBounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-area{padding:0.75rem;border-top:1px solid var(--gray-200);display:flex;gap:0.5rem;background:white;flex-shrink:0}.chat-input{flex:1;border:1px solid var(--gray-200);border-radius:24px;padding:0.6rem 1rem;font-size:0.88rem;outline:none;transition:border-color 0.2s}.chat-input:focus{border-color:var(--agent-color,var(--primary))}.chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.15s}.chat-send-btn:hover{transform:scale(1.1)}.chat-fab{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,0.25);transition:transform 0.2s;position:relative;overflow:hidden}.chat-fab:hover{transform:scale(1.1)}.chat-fab-avatar{width:48px;height:48px}.chat-fab-avatar svg{width:100%;height:100%}.chat-fab-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:white;font-size:0.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-fab-standalone{position:fixed;bottom:24px;right:24px;z-index:9998;width:60px;height:60px;border-radius:50%;border:none;background:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,0.25);transition:transform 0.2s;animation:chatFabPulse 2s ease-in-out infinite}.chat-fab-standalone:hover{transform:scale(1.1);animation:none}@keyframes chatFabPulse{0%,100%{box-shadow:0 6px 20px rgba(0,0,0,0.25)}50%{box-shadow:0 6px 20px rgba(0,0,0,0.25),0 0 0 8px rgba(30,58,138,0.15)}}.agent-picker-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn 0.2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.agent-picker-modal{background:white;border-radius:20px;padding:1.5rem;max-width:460px;width:100%;box-shadow:0 24px 64px rgba(0,0,0,0.2)}.agent-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.agent-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.agent-picker-card{text-align:center;cursor:pointer;padding:1rem 0.5rem;border-radius:12px;border:2px solid var(--gray-200);transition:all 0.2s}.agent-picker-card:hover{border-color:var(--agent-color,var(--primary));background:var(--gray-50);transform:translateY(-2px)}.agent-picker-av{width:56px;height:56px;margin:0 auto 0.5rem}.agent-picker-av svg{width:100%;height:100%}.agent-picker-name{font-weight:700;font-size:0.9rem;color:var(--gray-800)}.agent-picker-role{font-size:0.75rem;color:var(--agent-color,var(--gray-500))}@media (max-width:768px){.ai-agents-grid{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.chat-panel{width:calc(100vw - 16px);height:calc(100vh - 80px);bottom:0;right:-16px;border-radius:16px 16px 0 0}.chat-widget{bottom:16px;right:16px}.chat-fab-standalone{bottom:16px;right:16px}.agent-picker-grid{grid-template-columns:repeat(3,1fr);gap:0.5rem}.agent-picker-card{padding:0.75rem 0.25rem}}