@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-base:#080810;--bg-surface:#0f0f1a;--bg-card:#141420;--bg-card-hover:#1a1a2e;--bg-elevated:#1e1e30;--bg-overlay:#080810d9;--accent-blue:#4f8ef7;--accent-blue-glow:#4f8ef740;--accent-blue-dim:#2d5bb5;--accent-purple:#7c3aed;--accent-purple-glow:#7c3aed40;--accent-green:#10b981;--accent-green-glow:#10b98133;--accent-amber:#f59e0b;--accent-amber-glow:#f59e0b33;--accent-red:#ef4444;--accent-red-glow:#ef444433;--accent-cyan:#06b6d4;--science-color:#3b82f6;--science-glow:#3b82f633;--maths-color:#8b5cf6;--maths-glow:#8b5cf633;--social-color:#10b981;--social-glow:#10b98133;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--text-accent:#4f8ef7;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff2e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem}:root [data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-card:#f1f5f9;--bg-card-hover:#e2e8f0;--bg-elevated:#fff;--bg-overlay:#ffffffd9;--accent-blue-glow:#4f8ef726;--accent-purple-glow:#7c3aed26;--accent-green-glow:#10b98126;--accent-amber-glow:#f59e0b26;--accent-red-glow:#ef444426;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-subtle:#00000014;--border-default:#0000001f;--border-strong:#0003}:root{--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-blue:0 0 30px #4f8ef733;--shadow-purple:0 0 30px #7c3aed33;--shadow-green:0 0 30px #10b98126;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-modal:200;--z-toast:300;--z-navbar:50}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-blue-glow);color:var(--text-primary)}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#7cb3ff}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:var(--radius-sm)}input,select,textarea{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}h1{letter-spacing:-.02em;font-size:2.25rem;font-weight:800;line-height:1.2}h2{letter-spacing:-.015em;font-size:1.75rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:600;line-height:1.5}h5,h6{font-size:.875rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}code{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--accent-cyan);padding:.1em .4em;font-family:JetBrains Mono,monospace;font-size:.85em}.container{max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:720px;padding:0 var(--space-6);margin:0 auto}.container-md{max-width:960px;padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-bounce)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#141420b3}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:.625rem var(--space-5);border-radius:var(--radius-md);letter-spacing:.01em;transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-blue-dim));color:#fff;border-color:var(--accent-blue)}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--accent-blue-glow), 0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{color:var(--accent-red);background:#ef444426;border-color:#ef44444d}.btn-danger:hover:not(:disabled){box-shadow:0 0 15px var(--accent-red-glow);background:#ef444440}.btn-success{color:var(--accent-green);background:#10b98126;border-color:#10b9814d}.btn-success:hover:not(:disabled){box-shadow:0 0 15px var(--accent-green-glow);background:#10b98140}.btn-lg{padding:.875rem var(--space-8);border-radius:var(--radius-lg);font-size:1rem}.btn-sm{padding:.375rem var(--space-3);border-radius:var(--radius-sm);font-size:.75rem}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);width:2.25rem;height:2.25rem;color:var(--text-secondary);padding:0;font-size:1rem}.btn-icon:hover{color:var(--text-primary);border-color:var(--border-strong)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-not-started{color:#64748b;background:#47556933;border-color:#4755694d}.badge-in-progress{color:var(--accent-amber);background:#f59e0b26;border-color:#f59e0b4d}.badge-completed{color:var(--accent-green);background:#10b98126;border-color:#10b9814d}.badge-science{background:var(--science-glow);color:var(--science-color);border-color:#3b82f64d}.badge-maths{background:var(--maths-glow);color:var(--maths-color);border-color:#8b5cf64d}.badge-social{background:var(--social-glow);color:var(--social-color);border-color:#10b9814d}.alert{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid #0000;animation:.4s cubic-bezier(.34,1.56,.64,1) slideDown;display:flex}.alert-info{background:#4f8ef71a;border-color:#4f8ef740}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d}.alert-danger{background:#ef44441a;border-color:#ef44444d;animation:.4s cubic-bezier(.34,1.56,.64,1) slideDown,2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 20px #ef444426}}.progress-bar-wrap{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.navbar{z-index:var(--z-navbar);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);height:64px;position:sticky;top:0}.navbar-inner{max-width:1280px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.navbar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));width:36px;height:36px;box-shadow:var(--shadow-blue);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.navbar-logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}@media (max-width:600px){.hide-on-mobile{display:none!important}}.page-enter{animation:.35s cubic-bezier(.4,0,.2,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-card-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flashcard-scene{perspective:1000px;width:100%}.flashcard-wrapper{width:100%;height:280px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-wrapper.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;border:1px solid var(--border-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flashcard-front{background:linear-gradient(135deg,#141428,#1a1a35)}.flashcard-back{background:linear-gradient(135deg,#0e1a2e,#142030);transform:rotateY(180deg)}.quiz-option{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card);text-align:left;width:100%;color:var(--text-primary);font-family:inherit;font-size:.9rem;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--accent-blue);background:#4f8ef714;transform:translate(4px)}.quiz-option.selected{border-color:var(--accent-blue);background:#4f8ef71f}.quiz-option.correct{border-color:var(--accent-green);color:var(--accent-green);background:#10b9811a}.quiz-option.wrong{border-color:var(--accent-red);color:var(--accent-red);background:#ef44441a}.quiz-option-label{border-radius:var(--radius-md);background:var(--bg-elevated);width:28px;height:28px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.chapter-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-bounce);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.chapter-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-3px)}.chapter-card-accent{width:100%;height:3px}.chapter-card-body{padding:var(--space-5);flex:1}.chapter-card-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);display:flex}.progress-ring-track{stroke:var(--bg-elevated)}.progress-ring-fill{stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);animation:1.2s cubic-bezier(.4,0,.2,1) both ringReveal;transform:rotate(-90deg)}@keyframes ringReveal{0%{stroke-dashoffset:var(--ring-circ,999);opacity:0}to{opacity:1}}.progress-bar-wrap{background:var(--bg-elevated);border-radius:var(--radius-full);height:5px;position:relative;overflow:hidden}.progress-bar{border-radius:var(--radius-full);height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);animation:1.2s cubic-bezier(.4,0,.2,1) both barGrow;position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;height:100%;animation:2s ease-in-out 1.2s infinite barShimmer;position:absolute;top:0;left:-100%}@keyframes barGrow{0%{width:0!important}}@keyframes barShimmer{0%{left:-100%}to{left:200%}}.subject-tabs{gap:var(--space-2);background:var(--bg-surface);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex}.subject-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);background:0 0;border:none;flex:1;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.subject-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.subject-tab.active[data-subject=science]{color:var(--science-color)}.subject-tab.active[data-subject=maths]{color:var(--maths-color)}.subject-tab.active[data-subject=social]{color:var(--social-color)}.status-toggle{gap:var(--space-1);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:3px;display:flex}.status-btn{cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.3rem .65rem;font-family:inherit;font-size:.72rem;font-weight:600}.status-btn.active-not-started{background:var(--bg-card);color:var(--text-secondary)}.status-btn.active-in-progress{color:var(--accent-amber);background:#f59e0b26}.status-btn.active-completed{color:var(--accent-green);background:#10b98126}.wizard-step-indicator{align-items:center;gap:0;display:flex}.wizard-step-dot{border-radius:var(--radius-full);border:2px solid var(--border-default);width:32px;height:32px;color:var(--text-muted);background:var(--bg-card);transition:all var(--transition-base);z-index:1;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;position:relative}.wizard-step-dot.active{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 15px var(--accent-blue-glow);background:#4f8ef71a}.wizard-step-dot.completed{border-color:var(--accent-green);color:var(--accent-green);background:#10b9811a}.wizard-step-line{background:var(--border-subtle);height:2px;transition:background var(--transition-slow);flex:1}.wizard-step-line.completed{background:var(--accent-green)}.chapter-checkbox{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-card);-webkit-user-select:none;user-select:none;display:flex}.chapter-checkbox:hover{border-color:var(--border-default);background:var(--bg-card-hover)}.chapter-checkbox.selected{border-color:var(--accent-blue);background:#4f8ef714}.chapter-checkbox input[type=checkbox]{display:none}.chapter-checkbox-indicator{border:2px solid var(--border-default);width:20px;height:20px;transition:all var(--transition-fast);background:var(--bg-elevated);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.chapter-checkbox.selected .chapter-checkbox-indicator{border-color:var(--accent-blue);background:var(--accent-blue)}.plan-day{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);transition:all var(--transition-fast)}.plan-day.today{border-color:var(--accent-blue);box-shadow:var(--shadow-blue);background:#4f8ef70d}.plan-day-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-size:.72rem;font-weight:700}.plan-day.today .plan-day-date{color:var(--accent-blue)}.plan-chapter-pill{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);border:1px solid #0000;margin:2px;font-size:.72rem;font-weight:500;display:inline-flex}.hero-gradient{pointer-events:none;z-index:0;position:fixed;inset:0}.hero-gradient:before{content:"";background:radial-gradient(circle,#4f8ef71f 0%,#0000 70%);width:600px;height:600px;animation:6s ease-in-out infinite breathe;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-gradient:after{content:"";background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);width:400px;height:400px;animation:8s ease-in-out infinite reverse breathe;position:absolute;bottom:10%;right:10%}@keyframes breathe{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-bounce);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;transition:opacity var(--transition-slow);border-radius:inherit;position:absolute;inset:0}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.toast{bottom:var(--space-8);right:var(--space-8);z-index:var(--z-toast);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-lg);max-width:320px;animation:.4s cubic-bezier(.34,1.56,.64,1) toastEnter;position:fixed}@keyframes toastEnter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastExit{to{opacity:0;transform:translateY(10px)scale(.95)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-animation{animation:3s ease-in-out infinite float}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1{font-size:1.75rem}h2{font-size:1.4rem}.container,.container-sm,.container-md{padding:0 var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.subject-tabs{flex-direction:column}.navbar-inner{padding:0 var(--space-4)}.toast{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}@media (max-width:480px){h1{font-size:1.5rem}.btn-lg{padding:.75rem var(--space-6)}.flashcard-wrapper{height:240px}}