@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#f7f6f2;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-glass:#ffffffa6;--text-primary:#00204b;--text-secondary:#334e68;--text-muted:#627d98;--accent-primary:#00204b;--accent-primary-hover:#002d6a;--accent-secondary:#50b9b7;--accent-secondary-hover:#439f9d;--accent-success:#185b31;--accent-success-hover:#124424;--accent-warning:#d97706;--accent-danger:#dc2626;--gradient-text:linear-gradient(135deg, #00204b 0%, #50b9b7 100%);--gradient-bg:linear-gradient(135deg, #00204b 0%, #50b9b7 100%);--glow-color:#00204b40;--border-subtle:#00204b14;--input-bg:#00204b08;--input-border:#00204b1a;--input-focus-border:var(--accent-primary);--btn-secondary-bg:#00204b0a;--btn-secondary-border:#00204b26;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:9999px;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}:root[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1a1a1a;--bg-card:#1a1a1aa6;--bg-glass:#14141473;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#38bdf8;--accent-primary-hover:#60a5fa;--accent-warning:#f59e0b;--accent-danger:#ef4444;--gradient-text:linear-gradient(135deg, #50b9b7 0%, #a4ecea 100%);--gradient-bg:linear-gradient(135deg, #00204b 0%, #185b31 100%);--glow-color:#50b9b759;--border-subtle:#ffffff14;--input-bg:#ffffff08;--input-border:#ffffff14;--input-focus-border:var(--accent-secondary);--btn-secondary-bg:#ffffff0d;--btn-secondary-border:#ffffff26}html,body{background-color:var(--bg-primary);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:var(--spacing-sm);font-weight:600}a{color:inherit;text-decoration:none;transition:all .2s}*{box-sizing:border-box}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid #ffffff14;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:0 4px 24px -1px #0003}.glass-card:hover{box-shadow:0 12px 32px -4px #0000004d, 0 0 0 1px var(--accent-secondary);transform:translateY(-4px)}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.bg-gradient{background:var(--gradient-bg)}.btn{border-radius:var(--radius-pill);font-family:var(--font-display);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px 0 var(--glow-color);border:1px solid #ffffff1a}.btn-primary:hover{background:var(--accent-primary-hover);box-shadow:0 6px 20px var(--glow-color);transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-bg);filter:brightness(.95);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 15px var(--glow-color))}50%{opacity:.6;filter:drop-shadow(0 0 5px #50b9b726)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-auto{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.nav-link{color:var(--text-secondary);transition:color .2s}.nav-link:hover{color:var(--text-primary)}.footer-links a{color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.grid-bg{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:50px 50px}.glow-overlay{pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(circle,#50b9b714 0%,#00204b0d 50%,#0000 100%);width:800px;height:800px;position:absolute}.option-button:hover{transform:translateY(-1px);background-color:#ffffff0d!important;border-color:#fff3!important}.bento-grid{gap:var(--spacing-lg);grid-template-columns:repeat(6,1fr);display:grid}.bento-card-large{grid-column:span 3;min-height:300px}.bento-card-full{grid-column:span 6}@media (max-width:900px){.bento-card-large{grid-column:span 6}}@media (max-width:768px){.layout-split{flex-direction:column}.provider-menu{padding-bottom:.5rem;overflow-x:auto;flex-direction:row!important}.provider-menu button{white-space:nowrap;flex:none}}.exam-layout-wrapper{width:100%;min-height:calc(100vh - 4rem);display:flex;position:relative}.exam-main-pane{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem;position:relative}.exam-sidebar-container{background-color:var(--bg-secondary);border-right:1px solid #ffffff14;width:260px;min-width:260px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.exam-sidebar-container.collapsed{border-right:none;width:0!important;min-width:0!important}.exam-sidebar-backdrop{display:none}@media (max-width:768px){.exam-main-pane{max-width:100%;padding:1rem .75rem}.exam-sidebar-container{z-index:1000;border-right:1px solid var(--border-subtle);width:min(320px,85vw);min-width:min(320px,85vw);max-width:85vw;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(0);box-shadow:4px 0 24px #0006}.exam-sidebar-container.collapsed{box-shadow:none;transform:translate(-100%);width:min(320px,85vw)!important;min-width:min(320px,85vw)!important}.exam-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#000000a6;display:block;position:fixed;inset:0}}.course-detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:3rem;display:grid}.course-detail-main{flex-direction:column;gap:2.5rem;min-width:0;display:flex}.course-detail-sidebar{flex-direction:column;gap:2rem;min-width:0;display:flex}.course-detail-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.5rem;display:grid}@media (max-width:900px){.course-detail-layout{grid-template-columns:1fr;gap:2.5rem}.course-detail-sidebar{order:-1}}@media (max-width:640px){.course-detail-layout{gap:2rem}.course-detail-metrics{grid-template-columns:repeat(2,1fr);gap:1rem}.course-detail-metrics>div:last-child{grid-column:span 2}}.profile-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.profile-sidebar{flex-direction:column;gap:2rem;min-width:0;display:flex}.profile-tabs-nav{flex-direction:column;gap:.35rem;display:flex}.profile-tabs-nav button{width:100%}.profile-content{min-width:0}.profile-course-card{border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem;display:flex}@media (max-width:868px){.profile-layout{grid-template-columns:1fr;gap:1.75rem}.profile-tabs-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.5rem;padding:.5rem;overflow-x:auto}.profile-tabs-nav::-webkit-scrollbar{display:none}.profile-tabs-nav button{white-space:nowrap;flex-shrink:0;width:auto!important}}@media (max-width:640px){.profile-course-card{flex-direction:column;align-items:stretch;gap:1.25rem}.profile-course-card>div:last-child{justify-content:flex-end;display:flex}.profile-course-card>div:last-child .btn{text-align:center;width:100%}}.forum-drawer-backdrop{-webkit-backdrop-filter:blur(12px);z-index:999;background-color:#000000bf;position:fixed;inset:0}.forum-drawer-panel{opacity:1;border-left:1px solid var(--border-subtle);z-index:1000;background-color:#0f172afa;flex-direction:column;width:400px;max-width:100vw;transition:transform .3s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 25px #00000080}@media (max-width:640px){.forum-drawer-panel{width:100vw;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0px);border-left:none}}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}@media (max-width:480px){.hero-cta-group{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.hero-cta-group .btn{text-align:center;justify-content:center;width:100%}}.nav-desktop-links{align-items:center;gap:2.5rem;display:flex}.nav-desktop-auth{align-items:center;gap:1rem;display:flex}.nav-mobile-toggle,.nav-mobile-menu{display:none}@media (max-width:768px){.nav-desktop-links,.nav-desktop-auth{display:none!important}.nav-mobile-toggle{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.nav-mobile-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:49;flex-direction:column;gap:.75rem;padding:1.5rem;animation:.2s ease-out forwards fadeInDown;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #0006}.nav-mobile-link{border-radius:var(--radius-md);min-height:48px;color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;padding:.75rem 1rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.nav-mobile-link:hover,.nav-mobile-link:active{color:var(--accent-primary);background:#8b5cf626}.nav-mobile-menu .btn{justify-content:center;align-items:center;width:100%;min-height:48px;font-size:1rem;display:flex}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quiz-stepper-container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quiz-stepper-btn{cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.quiz-stepper-btn:after{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flashcard-face-content{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:100%;padding:.5rem 0;display:flex;overflow-y:auto}.flashcard-controls{justify-content:center;gap:1rem;margin-top:1rem;display:flex}@media (max-width:480px){.flashcard-controls{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:380px;display:grid}.flashcard-controls .btn{justify-content:center;align-items:center;width:100%;min-height:44px;font-size:.95rem;display:flex}.flashcard-controls .btn:last-child{grid-column:span 2}}.exam-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.exam-header-title-block{min-width:0}.exam-header-controls-block{align-items:center;gap:1.5rem;display:flex}@media (max-width:640px){.exam-header-main{flex-direction:column;align-items:stretch;gap:1rem}.exam-header-controls-block{justify-content:space-between;gap:1rem;width:100%}}.historical-stats-grid{text-align:center;justify-content:center;gap:2.5rem;margin-top:1rem;display:flex}@media (max-width:640px){.historical-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;display:grid}.historical-stats-grid span[style*="font-size: 2rem"]{font-size:1.35rem!important}.historical-stats-grid span[style*="font-size: 1.2rem"]{padding-top:.35rem!important;font-size:.95rem!important}}