:root{--bg-deep:#0f0f23;--bg-surface:#1a1a2e;--bg-card:#16213e;--bg-elevated:#1f2b47;--green:#00ff87;--cyan:#00d4ff;--yellow:#ffd60a;--coral:#ff6b6b;--purple:#a78bfa;--text-primary:#e8e8f0;--text-secondary:#8888a8;--text-muted:#9494bf;--border:#2a2a4a;--border-hover:#3a3a6a;--shadow-card:0 4px 20px rgba(0,0,0,.3);--shadow-glow-green:0 0 20px rgba(0,255,135,.15);--shadow-glow-cyan:0 0 20px rgba(0,212,255,.15);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--font-display:"Fredoka",sans-serif;--font-body:"Nunito",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-snap:cubic-bezier(.2,0,0,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(0,0,.2,1);--shadow-glow-purple:0 0 20px rgba(167,139,250,.15)}*{box-sizing:border-box;margin:0;padding:0}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);min-height:100vh}body:before{background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:24px 24px;content:"";inset:0;opacity:.3;pointer-events:none;position:fixed;z-index:0}#app{position:relative;z-index:1}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(12px) scale(.95)}60%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes msgAppear{0%{opacity:0;transform:translateY(8px) scale(.95)}60%{opacity:1;transform:translateY(-1px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtlePulse{0%,to{opacity:.5}50%{opacity:.35}}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(5deg)}60%{transform:rotate(0)}}.page-enter-active{animation:fadeSlideUp var(--duration-normal) var(--ease-bounce)}.page-leave-active{animation:fadeIn var(--duration-fast) var(--ease-snap) reverse}.stagger-enter-active{animation:bounceIn var(--duration-slow) var(--ease-bounce) both;animation-delay:calc(min(var(--i, 0),8)*60ms)}.stagger-leave-active{animation:fadeIn var(--duration-fast) var(--ease-snap) reverse}.msg-enter-active{animation:msgAppear var(--duration-normal) var(--ease-bounce)}.msg-leave-active{animation:fadeIn var(--duration-fast) var(--ease-snap) reverse}.mode-enter-active{animation:slideInRight var(--duration-normal) var(--ease-bounce)}.mode-leave-active{animation:fadeIn var(--duration-fast) var(--ease-snap) reverse}.btn:active:not(:disabled){transform:scale(.95)}.btn:disabled{animation:subtlePulse 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){body{font-size:14px}.club-modules,.dashboard,.lesson-detail-page,.lesson-edit,.members-page,.module-edit,.module-page,.past-modules,.projects-page,.terms-manage{max-width:100vw!important;padding:18px 14px!important}h1{font-size:1.5rem!important}h2{font-size:1.2rem!important}button,input,select,textarea{font-size:.95rem}img{height:auto;max-width:100%}}