:root{--bg:#0b0e14;--bg2:#050710;--card:#151a24;--line:#232a38;--accent-line:#46617e;--text:#fff;--dim:#c3cad6;--muted:#8a93a6;--faint:#4a5261}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg),var(--bg2)) fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}main{max-width:1100px;margin:0 auto;padding:40px 24px 80px}h1{font-size:34px;margin:0 0 4px}.sub{font-size:15px;margin:0 0 28px}.section,.sub{color:var(--muted)}.section{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:32px 0 10px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px}.row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.meta{color:var(--muted);margin-top:3px}.faint,.meta{font-size:12px}.faint{color:var(--faint)}button,input{font:inherit;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:13px 16px}button{cursor:pointer;border-color:var(--accent-line)}.grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}