:root{--bg:#0a0a0d;--panel:#121217;--text:#fff;--muted:#9ca3af;--accent:#6366f1;--border:#ffffff14}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,sans-serif}.app{overflow-x:hidden}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero h1{font-size:clamp(3rem,6vw,5rem);font-weight:800}.hero p{color:var(--muted);margin-top:12px}.hero-buttons{gap:18px;margin-top:32px;display:flex}.hero-buttons button,.hero-buttons a{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;text-decoration:none}.hero-buttons button{background:var(--accent);color:#000}.hero-buttons a{border:1px solid var(--border);color:#fff}.terminal-wrap,.media{justify-content:center;padding:80px 20px;display:flex}.media video{border:1px solid var(--border);border-radius:18px;width:100%;max-width:900px}.cards{flex-wrap:wrap;justify-content:center;gap:24px;padding:80px 20px;display:flex}.content{max-width:1000px;margin:0 auto;padding:80px 20px}.project-highlight{margin-bottom:60px}.project-highlight span{color:gold}footer{border-top:1px solid var(--border);justify-content:center;gap:24px;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex}.footer-link{color:var(--muted);font-weight:500;text-decoration:none}.footer-link:hover{color:#fff}
.terminal{color:#fff;background-color:#000;border:1px solid #fff3;border-radius:8px;width:80%;max-width:800px;height:400px;margin:20px auto;padding:20px;font-family:monospace;font-size:16px;overflow:auto}.terminal pre{white-space:pre-wrap;text-align:left;margin:0}.terminal pre span{position:relative}.terminal pre .underline{color:red;font-weight:700;text-decoration:underline}.terminal-wrap{opacity:0;min-height:420px;transition:opacity .6s}.terminal-wrap.fade-in{opacity:1}