*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#030b17;color:#e7f5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.scene{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#030b17}.backdrop,#particles,.vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.backdrop{z-index:-4;object-fit:cover;object-position:center center}.vignette{z-index:-2;background:linear-gradient(90deg,rgba(2,8,18,.65),rgba(2,8,18,.08) 45%,rgba(2,8,18,.36)),linear-gradient(0deg,#020916 0%,transparent 22%,transparent 74%,rgba(2,8,18,.3));}#particles{z-index:-3}.topbar,footer{position:relative;display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:1580px;padding:32px clamp(24px,5vw,80px)}.topbar{letter-spacing:.16em;font-size:11px;font-weight:700}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #7ad7ff;color:#bcecff;box-shadow:0 0 20px #3aabed55;font-size:17px}.live{color:#a5cae0;font-size:10px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70d8ff;box-shadow:0 0 12px #76e2ff;margin-right:9px}.intro{position:relative;width:min(510px,43vw);margin-left:clamp(24px,7vw,120px);margin-top:clamp(80px,16vh,220px)}.eyebrow{display:flex;align-items:center;gap:12px;color:#94c8e8;letter-spacing:.3em;font-size:10px;font-weight:700}.eyebrow .line{width:30px;height:1px;background:#72cfff}.index{opacity:.48}.intro h1{font-size:clamp(58px,7vw,112px);letter-spacing:-.07em;line-height:.9;margin:26px 0;color:#f2fbff;text-shadow:0 0 38px #8edaff45;font-weight:850}.intro h1 span{color:#99ddff}.intro p{font-size:14px;letter-spacing:.035em;color:#9bb5c8;margin:26px 0 35px}.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:184px;padding:14px 18px;background:#b9eaff;color:#061526;font-size:11px;letter-spacing:.18em;font-weight:800;box-shadow:0 0 30px #75cfff45;transition:transform .2s,box-shadow .2s}.enter:hover{transform:translateY(-3px);box-shadow:0 0 38px #75cfff88}.enter span{font-size:18px}.terminal{position:absolute;right:clamp(24px,5vw,80px);bottom:clamp(100px,15vh,170px);width:min(390px,29vw);background:#061321c9;border:1px solid #67bce057;box-shadow:0 14px 55px #0009,0 0 32px #4abfff17;backdrop-filter:blur(10px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.terminal-head,.terminal-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #71c6e42b;letter-spacing:.1em;font-size:10px;color:#94c9e2}.terminal-head span{display:flex;gap:5px}.terminal-head i{width:5px;height:5px;background:#5e9db6;border-radius:50%}.terminal-head i:first-child{background:#8be1ff}.terminal-head b{font-weight:600}.terminal-head small{color:#83dfff}.terminal-body{min-height:215px;padding:18px 17px;font-size:11px;line-height:1.85;color:#a8d3e8}.terminal-body .row{opacity:0;animation:appear .24s forwards}.terminal-body .ok{color:#93e8ff}.terminal-body .prompt{color:#e8f9ff}.terminal-foot{border-bottom:0;border-top:1px solid #71c6e42b;font-size:9px}.terminal-foot b{color:#9be6ff;font-weight:500}footer{position:absolute;bottom:0;left:0;right:0;color:#8dabbe;font-size:10px;letter-spacing:.15em}footer nav{display:flex;gap:28px}footer a:hover{color:#c8efff}@keyframes appear{to{opacity:1}}@media(max-width:900px){.scene{min-height:900px}.backdrop{object-position:center 35%;opacity:.83}.vignette{background:linear-gradient(180deg,#030b17a8 0%,#030b1722 25%,#030b1744 53%,#030b17e8 77%,#030b17 100%)}.intro{width:auto;margin:48px 24px 0}.intro h1{font-size:clamp(54px,12vw,86px)}.intro p{max-width:250px}.terminal{position:relative;right:auto;bottom:auto;width:calc(100% - 48px);max-width:480px;margin:230px 24px 105px}.topbar,footer{padding:24px}.live{font-size:0}.live i{margin:0}footer{gap:15px;flex-wrap:wrap}}@media(max-width:480px){.scene{min-height:920px}.backdrop{object-position:center 35%}.intro{margin-top:54px}.intro h1{font-size:58px}.terminal{margin-top:210px}.terminal-body{font-size:10px}.terminal-head b{font-size:9px}footer nav{gap:18px}}@media(prefers-reduced-motion:reduce){.backdrop{display:none}.scene{background:#030b17 url('assets/hooded.png') center/cover no-repeat}.terminal-body .row{animation:none;opacity:1}}