@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--accent-primary:#f59e0b;--accent-secondary:#ea8e05;--glass-bg:#ffffffe6;--glass-border:#e2e8f0cc;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5em;font-weight:700;line-height:1.2}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}input,select,textarea{width:100%;color:var(--text-primary);background:#fff;border:1px solid #d1d7dc;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #f59e0b33}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;transform:translateY(0)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 2px 4px #f59e0b33}.btn-primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.btn-secondary{color:var(--text-primary);background:#fff;border:1px solid #d1d7dc;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary);background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:16px}.gap-6{gap:24px}.mt-8{margin-top:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.navbar{z-index:50;background:#fff;border-bottom:1px solid #d1d7dc;padding:16px 0;position:sticky;top:0;box-shadow:0 2px 4px #00000014}.nav-brand{color:var(--text-primary);font-size:1.5rem;font-weight:700}.nav-brand:hover{color:var(--accent-primary)}.glass-panel{border:1px solid var(--glass-border);background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 40px -15px #0000000d}.course-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;padding:0;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(0);box-shadow:0 10px 25px -5px #00000005,0 4px 10px -5px #00000005}.course-card:hover{border-color:#f59e0b4d;transform:translateY(-8px);box-shadow:0 25px 50px -12px #0000001a}.program-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;margin-bottom:24px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(0);box-shadow:0 10px 25px -5px #00000005,0 4px 10px -5px #00000005}.program-card:hover{border-color:#f59e0b4d;transform:translateY(-8px);box-shadow:0 25px 50px -12px #0000001a}.core-subject-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;margin-bottom:24px;padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);transform:translateY(0);box-shadow:0 10px 25px -5px #00000005,0 4px 10px -5px #00000005}.core-subject-card:hover{background:#fff;border-color:#f59e0b4d;transform:translateY(-8px);box-shadow:0 25px 50px -12px #0000001a}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-stagger-1{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .1s forwards slideUpFade}.animate-stagger-2{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .2s forwards slideUpFade}.animate-stagger-3{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) .3s forwards slideUpFade}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass-panel-dark{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 40px -10px #00000080}.hover-lift{transition:all .3s cubic-bezier(.25,.8,.25,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #3b82f633}.quiz-option{transition:all .3s}.quiz-option:hover:not(.locked){transform:translateY(-2px);background:#3b82f61a!important;border-color:#3b82f64d!important}.sidebar-item{transition:all .3s}.sidebar-item:hover{background:#ffffff0d;padding-left:32px!important}.sidebar-item.active{background:linear-gradient(90deg,#3b82f626 0%,#0000 100%);border-left:4px solid #3b82f6;padding-left:20px!important}.tab-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover:not(.active-tab){background:#ffffff0d;color:#fff!important}