@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b0f19;--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #1a1525 100%);--surface-color:#ffffff08;--surface-border:#ffffff14;--surface-hover:#ffffff0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #8b5cf64d;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.navbar{z-index:100;border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f19cc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hero{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 0;display:flex}.hero h1{max-width:800px;font-size:3.5rem}.hero p{color:var(--text-secondary);max-width:600px;font-size:1.25rem}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.subject-card{cursor:pointer;text-align:left;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex}.subject-card:hover{background:var(--surface-hover);border-color:#ffffff26;transform:translateY(-5px)}.subject-icon{width:48px;height:48px;color:var(--accent-primary);background:#8b5cf61a;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.subject-card h3{font-size:1.5rem}.subject-card p{color:var(--text-secondary);font-size:.95rem}.topic-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.topic-item{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .2s;display:flex}.topic-item:hover{background:var(--surface-hover)}.topic-item-left{align-items:center;gap:1rem;display:flex}.topic-number{color:var(--accent-primary);opacity:.8;min-width:30px;font-size:1.2rem;font-weight:700}.topic-title{font-size:1.1rem;font-weight:500}.content-header{border-bottom:1px solid var(--surface-border);margin-bottom:3rem;padding-bottom:2rem}.content-header h1{margin-bottom:.5rem;font-size:2.5rem}.breadcrumb{color:var(--text-secondary);gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.breadcrumb a:hover{color:var(--accent-primary)}.content-body{color:#ffffffd9;font-size:1.1rem}.content-body h2{color:var(--text-primary);margin:2.5rem 0 1rem;font-size:1.8rem}.content-body h3{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1.4rem}.content-body p{margin-bottom:1.5rem}.content-body ul{margin-bottom:1.5rem;margin-left:1.5rem;list-style:outside}.content-body li{margin-bottom:.5rem}.alert-box{border-left:4px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#8b5cf61a;margin:2rem 0;padding:1rem 1.5rem}.alert-box strong{color:var(--accent-primary);margin-bottom:.5rem;display:block}.back-btn{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:2rem;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--text-primary)}