:root{--font-serif:"Libre Baskerville", serif;--font-mystic:"Cormorant Garamond", Georgia, serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary:#483d8b;--color-secondary:indigo;--color-gold:#e5a93c;--color-gold-hover:#d4992c;--color-emerald:#50c878;--color-blue-dark:#0f0c3e;--color-bg-dark:#0a0826;--color-gray-light:#f8f9fa;--color-text-main:#2d2b4a;--color-text-muted:#6c757d;--color-text-light:#f8f9fa;--shadow-sm:0 2px 8px #0f0c3e14;--shadow-md:0 8px 24px #0f0c3e1f;--shadow-lg:0 16px 40px #0f0c3e33;--shadow-gold:0 0 20px #e5a93c59;--radius-sm:8px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background-color:var(--color-bg-dark);color:var(--color-text-light);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.01em;font-weight:700;line-height:1.25}.text-gold{color:var(--color-gold)}.bg-gold{background-color:var(--color-gold);color:var(--color-blue-dark)}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#0f0c3eb3;border:1px solid #e5a93c2e}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-gold);border-color:#e5a93c73;transform:translateY(-6px)}.btn-primary{text-align:center;background:linear-gradient(135deg, #ffb800 0%, var(--color-gold) 100%);color:var(--color-blue-dark);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #e5a93c4d}.btn-primary:hover{background:linear-gradient(135deg, orange 0%, var(--color-gold-hover) 100%);transform:scale(1.04);box-shadow:0 6px 20px #e5a93c73}.btn-outline{text-align:center;color:var(--color-text-light);cursor:pointer;background:0 0;border:1.5px solid #e5a93c80;border-radius:50px;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{border-color:var(--color-gold);color:var(--color-gold);background:#e5a93c1f}.hero-pill-btn{color:#d4cef8;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:25px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.hero-pill-btn:hover{color:#fff;background:#ffffff24;border-color:#f3b27a80;transform:translateY(-2px);box-shadow:0 4px 14px #0000004d}.container{max-width:1240px;margin:0 auto;padding:0 24px}.classroom-playlist-scroll{scrollbar-width:thin;scrollbar-color:var(--color-gold) #0f0c3ecc}.classroom-playlist-scroll::-webkit-scrollbar{width:7px}.classroom-playlist-scroll::-webkit-scrollbar-track{background:#0f0c3ecc;border:1px solid #ffffff0d;border-radius:8px}.classroom-playlist-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-gold) 0%, #7c3aed 100%);border:1px solid #e5a93c59;border-radius:8px;box-shadow:0 0 8px #e5a93c40}.classroom-playlist-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f5be5c 0%,#9b62ff 100%);box-shadow:0 0 12px #e5a93c80}@media (max-width:1160px){.desktop-nav-links{display:none!important}.mobile-nav-toggle{display:flex!important}}@media (min-width:1161px){.mobile-nav-toggle,.mobile-nav-drawer{display:none!important}}