@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root { --bg:#050605; --panel:#0a0c0a; --line:#263027; --green:#9dff78; --green-soft:#5c9b51; --muted:#6d776d; --white:#e9f0e6; --orange:#f5a65b; }
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; min-height:100vh; overflow:hidden; color:var(--white); background:radial-gradient(circle at 70% 10%, #172416 0, transparent 33%),var(--bg); font-family:'DM Mono',monospace; }
body::before { position:fixed; inset:0; z-index:5; pointer-events:none; content:''; opacity:.08; background:repeating-linear-gradient(0deg,transparent 0 2px,#fff 3px 3px); mix-blend-mode:screen; }
.site-shell { width:100%; min-height:100vh; }
.terminal { min-height:100vh; overflow:hidden; border:0; border-radius:0; background:linear-gradient(135deg,rgba(19,31,18,.72),rgba(5,7,5,.94) 42%),var(--panel); box-shadow:inset 0 0 80px rgba(82,160,65,.05); }
.terminal-bar { display:flex; height:45px; align-items:center; padding:0 18px; border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; letter-spacing:.08em; }
.window-controls { display:flex; gap:7px; width:100px; }.window-controls span { width:11px; height:11px; display:block; border-radius:50%; }.window-controls span:first-child { background:#ff5f57; border:1px solid #e0443e; }.window-controls span:nth-child(2) { background:#febc2e; border:1px solid #dea123; }.window-controls span:nth-child(3) { background:#28c840; border:1px solid #1da832; }
.terminal-title { margin:0; }.terminal-state { display:flex; gap:7px; align-items:center; margin:0 0 0 auto; }.status-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }
.terminal-body { display:flex; height:calc(100vh - 90px); min-height:0; flex-direction:column; padding:clamp(28px,6vw,78px) clamp(24px,9vw,160px) 32px; }
.console-simulator { display:flex; min-height:0; max-height:42vh; flex:1 1 auto; flex-direction:column; overflow:hidden; }
.welcome-block { max-width:680px; }.eyebrow { margin:0 0 28px; color:var(--green-soft); font-size:12px; letter-spacing:.16em; }.welcome-block h1 { margin:0; color:var(--green); font-family:'Space Grotesk',sans-serif; font-size:clamp(42px,7vw,82px); font-weight:500; letter-spacing:-.07em; line-height:.96; text-shadow:0 0 28px rgba(157,255,120,.16); }.welcome-block h1 em { color:var(--white); font-style:normal; }.welcome-copy { max-width:490px; margin:27px 0 0; color:#849181; font-size:14px; line-height:1.8; }
.output { position:relative; min-height:0; flex:1 1 auto; overflow-y:auto; margin:0; padding:35px 0 18px; color:var(--green); font-size:13px; line-height:1.8; scrollbar-color:var(--green-soft) transparent; scrollbar-width:thin; }.output::before { position:absolute; top:0; right:0; left:0; z-index:1; display:block; height:62px; pointer-events:none; content:''; background:linear-gradient(to bottom, var(--panel) 0%, rgba(10,12,10,.92) 24%, rgba(10,12,10,.48) 56%, transparent 100%); }.output p { margin:3px 0; }.output .muted { color:var(--muted); }.inline-command { padding:0; border:0; color:var(--green); background:transparent; font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }.command-line { color:var(--white); }.command-line::before { content:'root@console:~$ '; color:var(--green-soft); }.response-title { margin-top:18px !important; color:var(--orange); }.response-list { margin:4px 0 0; padding:0; list-style:none; }.response-list li { padding:3px 0; }.response-list strong { display:inline-block; min-width:105px; color:var(--green); font-weight:500; }.response-list a { color:var(--green); text-underline-offset:3px; }
.prompt-line { display:flex; flex:0 0 auto; align-items:center; min-height:26px; margin-top:0; padding:14px 0 4px; color:var(--green); font-size:13px; background:linear-gradient(to bottom, transparent, var(--panel) 18%); }.prompt-line label { white-space:nowrap; }.prompt-user { color:var(--green); }.prompt-path { color:var(--green-soft); }.prompt-line input { width:100%; min-width:20px; padding:0 0 0 8px; border:0; outline:0; color:var(--white); background:transparent; font:inherit; }.cursor { width:8px; height:17px; flex:0 0 auto; background:var(--green); animation:blink 1s steps(2,start) infinite; }@keyframes blink { 50% { opacity:0; } }
.terminal-footer { display:flex; justify-content:space-between; padding:12px 18px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; letter-spacing:.08em; }.terminal-footer strong { color:var(--green-soft); font-weight:400; }
@media (max-width:800px) { .terminal-body { height:calc(100vh - 90px); padding:42px 22px 24px; }.console-simulator { max-height:46vh; }.terminal-footer { gap:10px; flex-wrap:wrap; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }