@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap";:root{color-scheme:dark;--color-bg: #131316;--color-surface: #1C1C21;--color-surface-hover: #27272A;--color-surface-glass: rgba(28, 28, 33, .7);--color-primary: #FF8C00;--color-primary-hover: #E67E00;--color-secondary: #3B82F6;--color-secondary-hover: #2563EB;--color-text-main: #FFFFFF;--color-text-secondary: #A1A1AA;--color-text-light: #71717A;--color-border: rgba(255, 255, 255, .08);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-glow: 0 0 40px -10px rgba(255, 140, 0, .15);--transition-smooth: all .4s cubic-bezier(.25, 1, .5, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:5px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}html{height:100vh;overflow:hidden}body{font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(0,0,0,.2) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s;caret-color:#fff}button{font-family:inherit;cursor:pointer;border:none;background:none}.glass{background:var(--color-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)}.mesh-gradient-1{background:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%)}.mesh-orange{background-image:radial-gradient(at 40% 20%,hsla(28,100%,74%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(189,100%,56%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(340,100%,76%,1) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(340,100%,76%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(22,100%,77%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(242,100%,70%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(343,100%,76%,1) 0px,transparent 50%)}.mesh-blue{background-image:radial-gradient(at 10% 20%,hsla(232,100%,75%,1) 0px,transparent 50%),radial-gradient(at 90% 0%,hsla(200,100%,56%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(260,100%,76%,1) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(200,100%,76%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(220,100%,77%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(210,100%,90%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(240,100%,76%,1) 0px,transparent 50%)}.mesh-green{background-image:radial-gradient(at 40% 20%,hsla(140,100%,74%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(160,100%,56%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(120,100%,76%,1) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(150,100%,76%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(130,100%,77%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(140,100%,70%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(110,100%,76%,1) 0px,transparent 50%)}.mesh-pink{background-image:radial-gradient(at 40% 20%,hsla(320,100%,74%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(300,100%,56%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(340,100%,76%,1) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(320,100%,76%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(310,100%,77%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(330,100%,70%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(350,100%,76%,1) 0px,transparent 50%)}.mesh-purple{background-image:radial-gradient(at 40% 20%,hsla(270,100%,74%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(250,100%,56%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(290,100%,76%,1) 0px,transparent 50%),radial-gradient(at 80% 50%,hsla(270,100%,76%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(260,100%,77%,1) 0px,transparent 50%),radial-gradient(at 80% 100%,hsla(280,100%,70%,1) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(250,100%,76%,1) 0px,transparent 50%)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:768px){.container{padding:0 16px}.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}body{line-height:1.4}.lesson-item{transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;overflow:visible}@media(max-width:768px){.lesson-item{padding:1.5rem!important}}.lesson-item:hover{transform:scale(1.01);border-color:var(--color-primary)!important;z-index:10;box-shadow:0 12px 32px -8px #0000001a}@media(max-width:768px){.lesson-item:hover{transform:none}}.character-popout{position:absolute;right:5rem;bottom:0!important;height:95%;transform-origin:bottom;transform:scale(1);transition:all .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:0;opacity:.45}@media(max-width:768px){.character-popout{opacity:.2;right:3rem;height:80%}.lesson-item{padding:1.25rem!important}}@media(max-width:768px){.character-popout{opacity:.3;right:3rem;height:85%;z-index:0}}.lesson-item:hover .character-popout{transform:scale(1.22);opacity:1}@media(max-width:768px){.lesson-item:hover .character-popout{opacity:.5}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);max-width:650px;width:90%;border-radius:var(--radius-xl);overflow:hidden;animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1);position:relative}@media(max-width:640px){.mobile-hide{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.nav-icon-button:hover{background:#ffffff1a!important;color:var(--color-primary)!important;border-color:var(--color-primary)!important;transform:translateY(-2px)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes zoomIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.logout-button:hover{color:#ef4444!important;border-color:#ef4444!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}