:root{--bg:#fff;--fg:#111;--muted:#555;--primary:#0ea5e9}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fg);background:var(--bg)}
.container{max-width:900px;margin:auto;padding:24px}
header .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
header .brand-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#38bdf8,#22d3ee);display:grid;place-items:center;font-weight:700;color:#003}
nav{margin-top:8px}
nav a{margin-right:12px;text-decoration:none;color:var(--primary)}
main .card{border:1px solid #e5e7eb;border-radius:12px;padding:16px}
footer{margin-top:24px;padding-top:12px;border-top:1px solid #e5e7eb;color:var(--muted);font-size:14px}