:root{--bg:#fff;--text:#000;--text-muted:#666;--border:#f0f0f0;--border-strong:#000;--accent:#000;--hover:#f9f9f9;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,system-ui,sans-serif;font-weight:400;line-height:1.6}header{border-bottom:1px solid var(--border-strong);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}h1{letter-spacing:-1px;text-transform:uppercase;font-size:1.5rem;font-weight:800}nav a{color:var(--text);transition:var(--transition);opacity:.6;margin-left:1.5rem;font-size:.9rem;font-weight:500;text-decoration:none}nav a:hover{opacity:1}main{max-width:900px;margin:0 auto;padding:3rem 2rem}h2{letter-spacing:-.5px;margin-bottom:2rem;font-size:2rem;font-weight:700}h3{margin-bottom:1rem;font-size:1.25rem}.card{border:1px solid var(--border);transition:var(--transition);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.card:hover{border-color:var(--border-strong)}button{cursor:pointer;color:#fff;transition:var(--transition);background:#000;border:1px solid #000;border-radius:4px;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600}button:active{transform:scale(.98)}button:hover{color:#000;background:#fff}input,textarea{border:1px solid var(--border);border-radius:4px;width:100%;margin-bottom:1rem;padding:.75rem;font-family:inherit;font-size:.95rem}input:focus,textarea:focus{border-color:var(--border-strong);outline:none}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:4rem;padding:3rem;font-size:.75rem}