:root{color-scheme:dark;--bg:#080611;--panel:#100c20;--panel2:#0d0a19;--line:#2c2050;--purple:#9b6cff;--blue:#4ca8ff;--text:#eeeaff;--muted:#958cac;--green:#7fffc1;--pink:#ed8cff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#241347 0,transparent 48%),linear-gradient(145deg,#090612,#07050d 60%,#0c0920);color:var(--text);font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:100vh;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,rgba(0,0,0,.13) 0,rgba(0,0,0,.13) 1px,transparent 1px,transparent 4px);opacity:.34}.screen-glow{position:fixed;inset:0;pointer-events:none;z-index:9;box-shadow:inset 0 0 130px rgba(85,37,170,.12)}body.no-crt .scanlines,body.no-crt .screen-glow{display:none}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;position:relative;z-index:1}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2043}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--purple);background:#21143a;color:#d6c4ff;font-weight:900;box-shadow:0 0 24px #6d42d42c}.brand strong{display:block;letter-spacing:.16em;font-size:15px}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted);margin-top:2px}.top-status{font-size:10px;letter-spacing:.12em;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #7fffc1aa}.separator{color:#4d4264}.hero{padding:48px 0 36px}.eyebrow,.card-kicker,.side-label{font-size:10px;letter-spacing:.19em;color:var(--blue)}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--blue);margin-right:7px;box-shadow:0 0 9px var(--blue)}h1{font-size:clamp(38px,7vw,76px);line-height:1.05;letter-spacing:-.06em;margin:12px 0 14px;font-weight:800;text-shadow:0 0 28px #8054ff42}h1 span{color:var(--blue);animation:blink 1.1s steps(2,start) infinite}.hero-copy{color:#b3a9ca;max-width:620px;margin:0;font-size:13px}.hero-meta{display:flex;gap:26px;margin-top:25px;flex-wrap:wrap;color:#716783;font-size:9px;letter-spacing:.1em}.hero-meta b{color:#d7cfff;font-weight:500;margin-left:6px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.sidebar,.terminal-panel,.feature-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(20,14,39,.96),rgba(11,8,21,.97));box-shadow:0 10px 45px #0002}.sidebar{padding:18px 13px;min-height:430px}.side-label{margin:0 0 12px 7px;color:#81739f;font-size:9px}.nav-button{border:1px solid transparent;background:transparent;color:#b5abc9;width:100%;text-align:left;padding:10px 9px;margin:2px 0;cursor:pointer;font:inherit;font-size:12px;display:flex;align-items:center;gap:10px}.nav-button>span{color:var(--purple);font-size:16px;width:17px}.nav-button kbd{margin-left:auto;color:#716783;font:10px inherit}.nav-button:hover,.nav-button.active{background:#21163a;border-color:#3d2b65;color:#fff}.nav-button.active{box-shadow:inset 2px 0 var(--blue)}.side-divider{height:1px;background:#2a2043;margin:18px 0}.info-line{display:flex;justify-content:space-between;font-size:9px;color:#786e90;padding:7px 5px}.info-line b{font-size:9px;color:#bcb1d4;font-weight:500}.info-line .online{color:var(--green)}.ghost-button{display:flex;justify-content:space-between;width:100%;margin-top:9px;padding:9px 8px;border:1px solid #30234d;background:#100c1d;color:#a99cbe;font:9px inherit;letter-spacing:.07em;cursor:pointer}.ghost-button:hover{border-color:var(--purple);color:white}.ghost-button span{color:var(--blue)}.terminal-panel{min-width:0;display:flex;flex-direction:column;min-height:430px}.terminal-head{height:37px;border-bottom:1px solid #2b2045;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:10px;color:#85789d;background:#130e25}.window-lights{display:flex;gap:5px}.window-lights i{width:7px;height:7px;border-radius:50%;background:#f37eae}.window-lights i:nth-child(2){background:#e7c16b}.window-lights i:nth-child(3){background:#79eab1}.terminal-head-right{margin-left:auto;color:#5f5475}.terminal-output{padding:17px 19px 10px;flex:1;overflow-y:auto;max-height:350px;min-height:300px;scrollbar-color:#48316e #100c20;scrollbar-width:thin}.terminal-output p{margin:0 0 8px;overflow-wrap:anywhere}.terminal-output .muted{color:#807594}.terminal-output code{color:#a9caff;background:#1a1430;padding:1px 4px}.terminal-output .cmd-echo{color:#b7a6ff;margin-top:12px}.terminal-output .success{color:var(--green)}.terminal-output .error{color:#ff8ba9}.terminal-output .accent{color:var(--blue)}.terminal-output .purple{color:#c2a4ff}.terminal-output .output-title{color:#fff;font-weight:bold;letter-spacing:.08em;margin:5px 0 9px}.terminal-output .output-box{border-left:2px solid var(--purple);padding:8px 12px;margin:7px 0 12px;background:#171027;color:#bfb3d8}.terminal-output a{color:#80bfff;text-decoration:none;border-bottom:1px dotted #80bfff}.terminal-output a:hover{color:white}.boot-logo{color:#a7cfff;font-size:11px;line-height:1.45;margin-bottom:13px}.boot-logo b{color:#fff}.boot-logo span{color:var(--purple)}.command-line{display:flex;align-items:center;gap:8px;border-top:1px solid #2b2045;padding:13px 14px;background:#0c0918}.command-line label{white-space:nowrap;font-size:11px}.prompt-user{color:var(--green)}.prompt-at{color:#706582}.prompt-host{color:var(--blue)}.prompt-path{color:#b8a1ff}.prompt-dollar{color:#d7caff;margin-left:4px}.command-line input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f4f0ff;font:12px inherit;caret-color:var(--blue)}.run-button{border:1px solid #48316d;background:#20153a;color:#c9b6ff;width:28px;height:27px;cursor:pointer;font-size:17px}.run-button:hover{background:#39205d}.terminal-footer{border-top:1px solid #211936;padding:7px 14px;display:flex;justify-content:space-between;gap:10px;color:#655a7b;font-size:8px;letter-spacing:.07em}.terminal-footer .status-dot{width:5px;height:5px;margin-right:5px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.feature-card{display:flex;gap:15px;padding:19px;min-height:132px}.card-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #44306a;background:#201439;color:#bda2ff;font-size:20px}.card-kicker{font-size:9px;color:#8c7ba9}.feature-card h2{font-size:16px;margin:4px 0 2px}.feature-card p{font-size:11px;color:#9489a9;margin:0 0 10px}.text-button{padding:0;border:0;background:transparent;color:#86baff;font:10px inherit;letter-spacing:.08em;cursor:pointer}.text-button:hover{color:white}.text-button span{margin-left:5px}.footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #211936;margin-top:25px;padding:17px 0 25px;font-size:9px;letter-spacing:.09em;color:#716783}.footer a{color:#9d8dbb;text-decoration:none}.footer a:hover{color:white}@keyframes blink{to{opacity:0}}@keyframes flicker{0%,100%{opacity:1}50%{opacity:.94}}.terminal-panel{animation:flicker 7s infinite}.terminal-output .line{animation:appear .15s ease-out}@keyframes appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.shell{width:calc(100% - 22px)}.topbar{height:68px}.top-status{font-size:8px;gap:6px}.hero{padding:34px 0 26px}.hero-meta{gap:12px}.workspace{grid-template-columns:1fr}.sidebar{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px}.side-label,.side-divider,.info-line,.ghost-button{display:none}.nav-button{margin:0;padding:8px 6px;font-size:10px;justify-content:center}.nav-button kbd{display:none}.nav-button>span{width:auto}.terminal-panel{min-height:390px}.terminal-output{min-height:270px;padding:14px}.command-line{gap:5px;padding:12px 9px}.command-line label{font-size:9px}.command-line input{font-size:11px}.terminal-footer{font-size:7px}.lower-grid{grid-template-columns:1fr}.footer{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}