:root{--bg:#0a0a0a;--fg:#ededed;--muted:#888;--line:#222;--accent:#7dd3a8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}main{max-width:720px;margin:0 auto;padding:96px 24px 64px}.bg{z-index:-1;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(120px);opacity:.14;will-change:transform;border-radius:50%;width:45vmax;height:45vmax;position:absolute}.orb1{background:#7dd3a8;animation:40s ease-in-out infinite alternate drift1;top:-15%;left:-10%}.orb2{background:#6d5ae0;animation:55s ease-in-out infinite alternate drift2;bottom:-20%;right:-15%}@keyframes drift1{to{transform:translate(18vw,22vh)scale(1.15)}}@keyframes drift2{to{transform:translate(-16vw,-18vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}section{margin-bottom:96px}.kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(32px,6vw,48px);line-height:1.15}h2{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(24px,4vw,32px)}.lead{color:var(--muted);max-width:56ch;font-size:17px}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:10px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;text-decoration:none;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.card{border:1px solid var(--line);color:inherit;border-radius:12px;margin-top:16px;padding:24px;text-decoration:none;transition:border-color .15s;display:block}.card:hover{border-color:#444}.card .meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.card .meta .status{color:var(--accent)}.card h3{margin:8px 0;font-size:20px}.card p{color:var(--muted);font-size:15px}.tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.stack{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.stack .tag{color:var(--fg);padding:6px 14px;font-size:13px}.contacts{flex-direction:column;gap:4px;margin-top:20px;display:flex}.contacts a{color:var(--fg);border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;text-decoration:none;transition:color .15s;display:flex}.contacts a:hover{color:var(--accent)}.contacts a span:last-child{color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:24px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;display:flex}.fade{animation:.6s both fade}@keyframes fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
