:root{--bg: #02070a;--bg-panel: #050d13;--text: #e6faff;--text-dim: #8bbcc7;--border: #0a1f26;--accent: #00eaff;--accent-dark: #009bb3;--accent-glow: rgba(0, 234, 255, .45);--neo-primary: var(--accent);--neo-accent: var(--accent-dark);--glow-sm: 0 0 5px;--glow-md: 0 0 10px;--glow-lg: 0 0 20px;--glow-xl: 0 0 30px;--glass-bg: rgba(0, 234, 255, .04);--glass-border: rgba(0, 234, 255, .12);--transition-fast: .2s;--transition-medium: .3s;--transition-slow: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--accent-dark)}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.glow-cyan{box-shadow:var(--glow-md) var(--accent-glow)}.glow-cyan-lg{box-shadow:var(--glow-lg) var(--accent-glow),var(--glow-xl) var(--accent-glow)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px}.panel-glow{background:var(--bg-panel);border:1px solid var(--accent-dark);border-radius:8px;box-shadow:0 0 12px var(--accent-glow)}.text-accent{color:var(--accent)}.text-dim{color:var(--text-dim)}.btn-cyan{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:.5rem 1.25rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast) ease}.btn-cyan:hover,.btn-cyan:focus-visible{background:var(--accent);color:var(--bg);box-shadow:0 0 12px var(--accent-glow);outline:none}.btn-cyan-solid{background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:6px;padding:.5rem 1.25rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast) ease}.btn-cyan-solid:hover,.btn-cyan-solid:focus-visible{background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 0 12px var(--accent-glow);outline:none}.editor-cursor{border-left-color:var(--accent)!important}.editor-selection{background:#00eaff2e!important}.editor-active-line{border-left:2px solid var(--accent-dark);box-shadow:inset 0 0 6px var(--accent-glow)}.chat-bubble-user{border:1px solid var(--accent);background:var(--bg-panel);border-radius:12px 12px 2px;padding:.75rem 1rem;color:var(--text)}.chat-bubble-ai{border:1px solid var(--accent-dark);background:var(--bg-panel);border-radius:12px 12px 12px 2px;padding:.75rem 1rem;color:var(--text);box-shadow:0 0 12px var(--accent-glow)}.chat-input-bar:focus{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 8px var(--accent-glow)}.nav-link-active{color:var(--accent)!important;border-bottom-color:var(--accent)!important;text-shadow:0 0 8px var(--accent-glow)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}header{background:#050d13f2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #00eaff14}nav{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative}.logo a{font-size:1.3rem;font-weight:800;text-decoration:none;color:var(--accent);display:flex;align-items:center;gap:.5rem;text-shadow:0 0 8px var(--accent-glow)}.mobile-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:101}.mobile-menu-toggle span{display:block;width:24px;height:3px;background:var(--accent);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}nav .nav-menu{display:flex;flex-direction:column;gap:0;list-style:none;position:fixed;top:65px;right:0;background:#050d13fa;backdrop-filter:blur(20px);width:100%;max-width:300px;padding:1rem 0;box-shadow:-2px 0 20px #00eaff26;transform:translate(100%);transition:transform .3s ease;border-left:2px solid var(--accent)}nav .nav-menu.active{transform:translate(0)}nav .nav-menu li{padding:0}nav .nav-menu a{padding:1rem 1.5rem;text-decoration:none;color:var(--text-dim);font-weight:500;transition:all .2s ease;border-left:3px solid transparent;min-height:48px;display:flex;align-items:center}nav .nav-menu a:hover{color:var(--accent);background:#00eaff0f;border-left-color:var(--accent)}nav .nav-menu a.active{color:var(--accent);border-left-color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}nav .nav-menu a.login-link{background:var(--accent);color:var(--bg);border-radius:6px;padding:.75rem 1.25rem;border-left:none;font-weight:700;margin:.25rem 1rem;min-height:44px;justify-content:center}nav .nav-menu a.login-link:hover{background:var(--accent-dark);box-shadow:0 0 12px var(--accent-glow)}@media(min-width:769px){header{padding:1rem 2rem}.logo a{font-size:1.5rem}.mobile-menu-toggle{display:none}nav .nav-menu{position:static;flex-direction:row;gap:2rem;width:auto;max-width:none;padding:0;background:none;box-shadow:none;transform:none;border:none}nav .nav-menu a{padding:.5rem 0;border-left:none;border-bottom:2px solid transparent;min-height:auto;display:inline}nav .nav-menu a:hover{background:none;border-left-color:transparent;border-bottom-color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}nav .nav-menu a.active{border-bottom-color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}nav .nav-menu a.login-link{background:var(--accent);color:var(--bg);border-radius:6px;padding:.5rem 1.5rem;border-bottom:none;margin:0;min-height:auto;display:inline}nav .nav-menu a.login-link:hover{background:var(--accent-dark);border-bottom-color:transparent;box-shadow:0 0 12px var(--accent-glow)}}footer{margin-top:auto;background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);padding:2rem 1rem 1rem}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-section h3{font-size:1.3rem;margin-bottom:.75rem;color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.footer-section h4{font-size:1rem;margin-bottom:.75rem;color:var(--text)}.footer-section p{color:var(--text-dim);line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:.5rem 0}footer a{color:var(--text-dim);text-decoration:none;transition:color .2s ease}footer a:hover{color:var(--accent)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border);text-align:center}.footer-bottom p{color:var(--text-dim);font-size:.9rem}@media(min-width:640px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){footer{padding:3rem 2rem 1.5rem}.footer-content{grid-template-columns:2fr repeat(3,1fr)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}