:root{--bg-primary:#050810;--bg-secondary:#0a0f1e;--bg-card:#0d1526;--bg-hover:#111d35;--accent-cyan:#00f5ff;--accent-green:#0f8;--accent-orange:#ff6b00;--accent-red:#ff2d55;--accent-purple:#bf5af2;--text-primary:#e8f4ff;--text-secondary:#7a9cc4;--text-muted:#3a5a7a;--border:#00f5ff1f;--border-bright:#00f5ff66;--glow-cyan:0 0 20px #00f5ff4d;--glow-green:0 0 20px #00ff884d;--glow-orange:0 0 20px #ff6b004d;--font-mono:"Share Tech Mono",monospace;--font-ui:"Rajdhani",sans-serif;--font-display:"Exo 2",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;width:100%}body{background-color:#050810;background-color:var(--bg-primary);color:#e8f4ff;color:var(--text-primary);cursor:default;font-family:Rajdhani,sans-serif;font-family:var(--font-ui);overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0f1e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#00f5ff;background:var(--accent-cyan);border-radius:3px;opacity:.5}body:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes glitch{0%,to{-webkit-clip-path:none;clip-path:none;transform:translateX(0)}20%{-webkit-clip-path:inset(10% 0 80% 0);clip-path:inset(10% 0 80% 0);transform:translateX(-2px)}40%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translateX(2px)}60%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0);transform:translateX(-1px)}80%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0);transform:translateX(1px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00f5ff4d;box-shadow:var(--glow-cyan)}50%{box-shadow:0 0 40px #00f5ff99}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideRight{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}footer a:hover{color:#00f5ff!important;color:var(--accent-cyan)!important;text-shadow:0 0 3px #00f5ff80}@media (max-width:768px){body{font-size:14px}.tab-button{font-size:10px!important;padding:12px 0!important}.lesson-content{padding:16px 16px 20px!important}h1{font-size:24px!important}h2{font-size:18px!important}h3{font-size:16px!important}.code-editor-container{max-height:300px!important}.nav-button{font-size:10px!important;padding:6px 12px!important}.sidebar-overlay{background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.top-bar{min-height:50px!important;padding:0 12px!important}.exercise-card{padding:16px!important}}@media (max-width:1024px) and (min-width:769px){.code-editor-container{max-height:350px!important}}@media (max-width:768px) and (orientation:landscape){.code-editor-container{max-height:200px!important}.output-console{max-height:150px!important;min-height:120px!important}}@media (max-width:768px){.sidebar-mobile{background:#0a0f1e;box-shadow:4px 0 30px #000c;height:100vh;left:-320px;max-width:85%;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:1000}.sidebar-mobile.open{left:0}body{font-size:14px}.top-bar{min-height:50px!important;padding:0 12px!important}.tab-button{font-size:9px!important;letter-spacing:.05em!important;padding:12px 0!important}.lesson-content{padding:16px 14px 20px!important}h1{font-size:24px!important}h2{font-size:18px!important}h3{font-size:16px!important}.code-editor-container{max-height:250px!important}.code-editor-container textarea{font-size:11px!important;line-height:1.5rem!important;padding:10px!important}.nav-button{font-size:9px!important;padding:6px 12px!important}.exercise-card{padding:16px!important}.exercise-card h3{font-size:15px!important}.output-console{font-size:11px!important;max-height:200px!important;min-height:120px!important;padding:10px!important}.hamburger-btn{font-size:16px!important;padding:6px 10px!important}.progress-text{font-size:9px!important}}@media (max-width:768px) and (orientation:landscape){.code-editor-container{max-height:150px!important}.output-console{max-height:120px!important;min-height:80px!important}.sidebar-mobile{width:250px}}@media (min-width:769px) and (max-width:1024px){.code-editor-container{max-height:350px!important}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .3s ease forwards}.fade-in{animation:fadeIn .3s ease forwards}
/*# sourceMappingURL=main.83facf61.css.map*/