:root{--bg:#050807;--panel:#0A100D;--line:#1B2A25;--green:#79EFA2;--lightgreen:#A0FFC0;--dim:#82948A;--white:#E4EEE8;--amber:#E6C875}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:radial-gradient(ellipse at 50% 0%,#102018 0%,#070B08 48%,#030504 100%);color:var(--white);font:14px/1.55 "Cascadia Code","Consolas","Courier New",monospace;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(140,255,176,.06) 0 4px);z-index:10}
button,a{font:inherit;cursor:pointer}.shell{max-width:1180px;margin:auto;padding:22px 26px 50px}
.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:7px 0 15px;color:var(--dim);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.brand{color:var(--green);letter-spacing:.22em}.status{display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
main{min-height:calc(100vh - 125px);display:grid;place-items:center;padding:44px 0}
.terminal{width:min(920px,100%);border:1px solid #244332;background:rgba(3,8,5,.88);box-shadow:0 25px 90px #000a,0 0 35px #1a5a3320;position:relative}
.termhead{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--dim);font-size:10px;letter-spacing:.13em}
.termhead .lights{display:flex;gap:6px}.lights i{width:7px;height:7px;border-radius:50%;background:#284A35}
.termbody{padding:clamp(20px,4vw,42px);min-height:490px;position:relative}
.eyebrow{color:var(--dim);font-size:11px;letter-spacing:.2em;margin-bottom:24px}
h1{font-size:clamp(27px,5vw,48px);font-weight:400;letter-spacing:.13em;color:var(--green);margin:0 0 12px;text-shadow:0 0 18px #57FF9B24}
.subtitle{color:#819B89;margin:0 0 34px;font-size:12px;letter-spacing:.09em}
.rule{height:1px;background:linear-gradient(90deg,var(--line),transparent);margin:25px 0}
.filecontent{margin-top:18px;padding:17px;border:1px dashed #315C40;background:#060B08;color:#A7C3AE;white-space:pre-wrap;min-height:100px;font-size:12px;line-height:1.9}
.back{border:0;background:none;color:var(--dim);padding:10px 0;text-decoration:underline;text-underline-offset:4px;letter-spacing:.08em}
.back:hover,.back:focus{color:var(--green);outline:none}
.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;color:#4F6958;font-size:10px;letter-spacing:.12em}
.scan{position:absolute;top:0;left:0;width:100%;height:1px;background:#74FF9B22;box-shadow:0 0 12px #74FF9B55;animation:scan 8s linear infinite;pointer-events:none}
@keyframes scan{from{transform:translateY(0)}to{transform:translateY(490px)}}
@media(max-width:600px){.shell{padding:13px}.termbody{padding:20px;min-height:520px}.topbar{font-size:9px}.subtitle{line-height:1.8}.filecontent{font-size:11px;overflow-wrap:anywhere}}