:root{--primary:#ff66a3;--secondary:#4deb96;--accent:#ffc033;--orange:#f83;--purple:#9b59b6;--blue:#3498db;--background:#fffbf5;--text:#3d3d3d;--panel-bg:#ffffffd9;--font-family-sans:"Comic Sans MS", "Chalkboard SE", "Comic Neue", "Nunito", sans-serif}body{background-color:var(--background);color:var(--text);font-family:var(--font-family-sans);background-image:url(/math_pattern.png);background-repeat:repeat;background-size:400px;background-attachment:fixed;margin:0;padding:0;overflow-x:hidden}body.no-scroll{overflow:hidden}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);border:4px solid var(--accent);border-radius:2rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 12px 40px #0000001a}.glass-panel:hover{transform:translateY(-8px)}.main-navbar{z-index:5000;-webkit-backdrop-filter:blur(15px);border-bottom:4px solid var(--accent);background:#ffffffd9;padding:15px 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #0000001a}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-links-list{gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-item-link{color:var(--text);border:2px solid #0000;border-radius:50px;align-items:center;gap:6px;padding:10px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.nav-item-link:hover{border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #ff66a333}.nav-item-link.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px #ff66a366}.mobile-menu-toggle{cursor:pointer;z-index:5500;background:0 0;border:none;flex-direction:column;gap:6px;padding:10px;display:none}.burger-line{background-color:var(--primary);border-radius:2px;width:30px;height:4px;transition:all .3s;display:block}.mobile-menu-toggle.open .burger-line:first-child{transform:rotate(45deg)translate(7px,7px)}.mobile-menu-toggle.open .burger-line:nth-child(2){opacity:0}.mobile-menu-toggle.open .burger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.menu-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4900;background:#0006;animation:.3s fadeIn;position:fixed;inset:0}.page-hero{text-align:center;background:#fff;border:4px solid #fff;border-radius:30px;margin-bottom:35px;padding:25px 50px;transition:all .4s;animation:.8s cubic-bezier(.175,.885,.32,1.275) heroAppear;display:inline-block;position:relative;overflow:visible;box-shadow:0 10px 30px #0000000f}.page-hero:before{content:"";border:2px solid var(--accent);opacity:.2;pointer-events:none;border-radius:35px;position:absolute;inset:-8px}.hero-pink{border-color:var(--primary);background:linear-gradient(135deg,#fff 0%,#ffeaf2 100%)}.hero-green{border-color:var(--secondary);background:linear-gradient(135deg,#fff 0%,#e6fff0 100%)}.hero-orange{border-color:var(--orange);background:linear-gradient(135deg,#fff 0%,#fff4e6 100%)}.hero-purple{border-color:var(--purple);background:linear-gradient(135deg,#fff 0%,#f7e6ff 100%)}.hero-blue{border-color:var(--blue);background:linear-gradient(135deg,#fff 0%,#e6f3ff 100%)}.hero-title{text-shadow:2px 2px #00000005;margin:0;font-size:2.2rem}.hero-subtitle{color:#777;margin:5px 0 0;font-size:1rem;font-weight:400}.floating-emoji{margin-bottom:5px;font-size:2.5rem;animation:3s ease-in-out infinite emojiFloat;display:inline-block}@keyframes emojiFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(10deg)}}@keyframes heroAppear{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)translateY(20px)}60%{opacity:1;transform:scale(1.02)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards bounceIn}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:80vh;padding-top:120px;padding-bottom:40px}.admin-layout{padding-top:40px}.text-center{text-align:center}@media (max-width:768px){.main-content{padding-top:160px}}@media (max-width:480px){.main-content{padding-top:180px}}h1,h2,h3{color:var(--primary);text-shadow:2px 2px #ffc03366;margin-bottom:1rem;line-height:1.2}h1{font-size:3.5rem}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;box-sizing:border-box;border:4px solid #fff;border-radius:50px;max-width:100%;padding:15px 30px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-block;box-shadow:0 6px #d83a78}.btn-primary:active{transform:translateY(6px);box-shadow:0 0 #d83a78}.c-input{border:3px solid var(--accent);box-sizing:border-box;border-radius:12px;outline:none;width:100%;margin-bottom:15px;padding:12px;font-size:1.1rem}.c-input:focus{border-color:var(--primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:15px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:5px solid var(--accent);background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalBounceIn;position:relative;overflow-y:auto;box-shadow:0 15px 40px #0000004d}.modal-close{color:#fff;cursor:pointer;z-index:100;background:#ff4b4b;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px #0003}.modal-close:hover{transform:scale(1.1)}.line-clamp-3{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.caricature-widget{z-index:1000;cursor:pointer;width:150px;height:150px;animation:4s ease-in-out infinite float-avatar;position:fixed;bottom:20px;right:20px}.teacher-avatar{filter:drop-shadow(0 10px 15px #0003);border-radius:50%;width:100%;height:100%;transition:transform .3s}.speech-bubble{border:4px solid var(--accent);width:max-content;max-width:250px;color:var(--text);opacity:0;pointer-events:none;background:#fff;border-radius:20px;margin-bottom:10px;padding:10px 15px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:100%;right:0;transform:translateY(10px)scale(.8)}.speech-bubble.show{opacity:1;transform:translateY(0)scale(1)}@keyframes float-avatar{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){h1{font-size:2.8rem}.page-hero{padding:20px 40px}}@media (max-width:768px){.nav-inner{flex-direction:row;justify-content:space-between;padding:0 20px}.mobile-menu-toggle{display:flex}.nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5200;box-sizing:border-box;background:#fffffffa;width:280px;height:100vh;padding:100px 20px 40px;transition:right .4s cubic-bezier(.175,.885,.32,1.275);display:block;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0000001a}.nav-active{right:0}.nav-links-list{flex-direction:column;gap:15px;width:100%;overflow-x:visible}.nav-item-link{justify-content:flex-start;width:100%;padding:15px 25px;font-size:1.2rem}.main-content{padding-top:100px}.page-hero{border-radius:20px;margin-bottom:25px;padding:15px 25px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.floating-emoji{font-size:2rem}.modal-content{border-width:3px;padding:25px 15px}.btn-primary{padding:12px 20px;font-size:1.2rem}h1{font-size:2.2rem}.caricature-widget{width:90px;height:90px;bottom:10px;right:10px}}@media (max-width:480px){.main-navbar{padding:10px 0}.logo-text{font-size:1.2rem!important}.nav-container{width:100%}.main-content{padding-top:90px}h1{font-size:1.8rem}}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}