:root{--bg:#08090b;--panel:#101216;--panel2:#0d0f12;--text:#f2f3f5;--muted:#9ba1ab;--accent:#e33a45;--line:#24272e;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#241014 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:72px;position:sticky;top:0;z-index:20;background:rgba(8,9,11,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2))}.brand{font-weight:900;letter-spacing:.08em}.brand span,footer span{color:var(--accent)}nav{display:flex;gap:22px}nav a{color:var(--muted);font-size:.9rem}nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:24px}.section{max-width:var(--max);margin:auto;padding:100px 24px}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(3.4rem,8vw,6.6rem);line-height:.92;margin:18px 0 28px;letter-spacing:-.06em}.hero h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:1.08rem;max-width:650px}.actions{display:flex;gap:12px;margin:30px 0}.btn{border:1px solid var(--line);padding:11px 18px;border-radius:8px;background:#111319}.btn.primary{background:var(--accent);border-color:var(--accent);font-weight:800}.socials{display:flex;gap:16px;color:var(--muted);font-size:.9rem}.terminal{border:1px solid var(--line);border-radius:12px;background:#0b0d10;box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:hidden}.terminal-bar{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px;color:#666;font-size:.75rem}.terminal-bar i{width:9px;height:9px;border-radius:50%;background:#333}.terminal-bar span{margin-left:8px}.terminal pre{padding:28px;margin:0;overflow:auto;color:#cfd3da;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.section-head{margin-bottom:36px}.section-head h2{font-size:clamp(2rem,4vw,3.3rem);margin:4px 0 10px;letter-spacing:-.04em}.section-head>p:last-child{color:var(--muted)}code{color:#f08b92}.about-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.about-grid p{color:var(--muted);font-size:1.05rem}.quote{border-left:2px solid var(--accent);padding:25px;font-size:1.4rem;font-weight:700;background:var(--panel)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:22px;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-3px);border-color:#3b3e46}.card h3{margin:6px 0 8px}.card p{color:var(--muted);margin:0 0 16px}.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 8px;margin:3px 3px 0 0;color:#c8ccd2;font-size:.72rem}.meta{color:var(--accent);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input,.toolbar select{background:#0d0f12;border:1px solid var(--line);color:#fff;padding:11px 13px;border-radius:8px}.toolbar input{flex:1}.empty{grid-column:1/-1;color:var(--muted);padding:30px;border:1px dashed var(--line);border-radius:10px}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:45px 24px;display:flex;justify-content:space-between;color:var(--muted)}footer strong{color:#fff}footer p{margin:5px 0}@media(max-width:800px){nav{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:72px;left:0;right:0;padding:20px 24px;background:#0b0d10;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.terminal{order:-1}.card-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.section{padding:75px 20px}footer{display:block}.hero h1{font-size:clamp(3rem,16vw,5rem)}}