@font-face{font-family:Teachers;src:url(/fonts/Teachers-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Teachers;src:url(/fonts/Teachers-Italic-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--blue-energy: #4A90E2;--orange: #F5A623;--dust-grey: #D8D8D8;--white: #FFFFFF;--yellow-green: #7ED321;--font-display: "Teachers", sans-serif;--font-ui: "Teachers", sans-serif;--bg-primary: #070B14;--bg-secondary: #0C1220;--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .07);--border-glass: rgba(216, 216, 216, .12);--border-accent: rgba(245, 166, 35, .4);--border-teal: rgba(74, 144, 226, .4);--accent: #F5A623;--accent-hover: #D4901E;--accent-glow: rgba(245, 166, 35, .3);--accent-soft: rgba(245, 166, 35, .12);--gradient-accent: linear-gradient(135deg, #F5A623 0%, #F7C06A 100%);--gradient-card: linear-gradient(135deg, rgba(245, 166, 35, .07) 0%, rgba(0,0,0,0) 100%);--accent-teal: #4A90E2;--accent-teal-hover: #3A7BC8;--accent-teal-glow: rgba(74, 144, 226, .3);--accent-teal-soft: rgba(74, 144, 226, .12);--gradient-teal: linear-gradient(135deg, #4A90E2 0%, #7AB3EE 100%);--mode-deep: #4A90E2;--mode-deep-soft: rgba(74, 144, 226, .12);--mode-speed: #F5A623;--mode-speed-soft: rgba(245, 166, 35, .12);--mode-calm: #D8D8D8;--mode-calm-soft: rgba(216, 216, 216, .08);--confusion-low: #7ED321;--confusion-medium: #F5A623;--confusion-high: #FA003F;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(216, 216, 216, .55);--shadow-glow: 0 0 40px rgba(245, 166, 35, .15);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 24px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 8px 48px rgba(0,0,0,.6), 0 4px 16px rgba(0,0,0,.4);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--blur-glass: blur(16px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .12em;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes drift{0%{transform:translate(0)}25%{transform:translate(15px,-10px)}50%{transform:translate(-5px,15px)}75%{transform:translate(-15px,-5px)}to{transform:translate(0)}}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.anim-float{animation:float 3s ease-in-out infinite}.anim-drift{animation:drift 8s ease-in-out infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui)}#root{min-height:100vh}