:root{color-scheme:dark;--background:#020702;--green:#63ff63;--dim-green:#32ae32;--red:#ff5f5f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background)}body{min-height:100vh;color:var(--green);font-family:"Courier New",Courier,monospace;text-shadow:0 0 8px rgba(99,255,99,.3);overflow-x:hidden}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);animation:crtFlicker .08s infinite}.crt-overlay::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 110px rgba(0,0,0,.65),inset 0 0 35px rgba(99,255,99,.06)}.terminal-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.terminal{position:relative;width:min(680px,100%);padding:30px;border:1px solid rgba(99,255,99,.35);box-shadow:0 0 35px rgba(99,255,99,.08),inset 0 0 30px rgba(99,255,99,.025);overflow:hidden}.terminal::after{content:"";position:absolute;left:-10%;width:120%;height:1px;background:rgba(99,255,99,.25);box-shadow:0 0 8px rgba(99,255,99,.35);animation:scan 4s linear infinite;pointer-events:none}.prompt{margin-bottom:30px;color:var(--dim-green)}p{line-height:1.6}label{display:block;margin:28px 0 8px;font-size:13px}input{width:100%;padding:14px;border:1px solid var(--green);outline:none;background:transparent;color:var(--green);font:inherit;text-transform:uppercase;box-shadow:inset 0 0 14px rgba(99,255,99,.03)}input:focus{box-shadow:0 0 10px rgba(99,255,99,.2),inset 0 0 14px rgba(99,255,99,.05)}button{margin-top:16px;padding:12px 16px;border:1px solid var(--green);background:transparent;color:var(--green);font:inherit;cursor:pointer}button:hover{background:rgba(99,255,99,.08)}button:disabled{opacity:.5;cursor:default}.text-button{border:0;padding-left:0;font-size:12px;color:var(--dim-green)}.hidden{display:none!important}.error{min-height:24px;margin-top:18px;color:var(--red)}.code-box{margin:28px 0;padding:20px;border:1px solid var(--green)}.code-box span{display:block;margin-bottom:10px;color:var(--dim-green);font-size:12px}.code-box strong{display:block;overflow-wrap:anywhere;font-size:clamp(18px,5vw,30px);letter-spacing:2px}.boot-lines{min-height:270px}.boot-line{margin:0 0 10px;opacity:0;transform:translateY(2px);animation:bootReveal .22s steps(1,end) forwards}.boot-line-1{animation-delay:.25s}.boot-line-2{animation-delay:1.05s}.boot-line-3{animation-delay:1.75s}.boot-line-4{animation-delay:2.5s}.boot-line-5{animation-delay:3.25s}.boot-line-6{animation-delay:4.05s}.boot-line-7{animation-delay:4.85s}.block-cursor{display:inline-block;margin-left:7px;animation:blink .8s steps(1,end) infinite}.boot-action{opacity:0;pointer-events:none;animation:bootReveal .2s steps(1,end) 5.55s forwards}.boot-panel.boot-exit{animation:crtCollapse .42s ease-in forwards}.panel-enter{animation:panelIn .22s steps(2,end)}@keyframes bootReveal{to{opacity:1;transform:none;pointer-events:auto}}@keyframes blink{50%{opacity:0}}@keyframes crtFlicker{0%{opacity:.96}50%{opacity:1}100%{opacity:.97}}@keyframes scan{0%{top:-5%}100%{top:105%}}@keyframes crtCollapse{0%{opacity:1;transform:scaleY(1)}65%{opacity:.8;transform:scaleY(.04)}100%{opacity:0;transform:scaleY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}@media(max-width:600px){.terminal-shell{padding:12px}.terminal{padding:20px}.boot-lines{min-height:255px}}@media(prefers-reduced-motion:reduce){.crt-overlay,.terminal::after,.block-cursor{animation:none}.boot-line,.boot-action{opacity:1;transform:none;animation:none;pointer-events:auto}.boot-panel.boot-exit{animation:none}.panel-enter{animation:none}}