:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f8efff;background:#100b19}
body{margin:0;background:radial-gradient(ellipse at top,#332141,transparent 600px)}
main{box-sizing:border-box;max-width:960px;margin:auto;padding:24px clamp(16px,4vw,32px) 48px}
a{color:#ffda84}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none}
.eyebrow{font-size:.75rem;letter-spacing:.14em;color:#ffda84;margin:26px 0 6px}
h1{font-size:clamp(1.65rem,5vw,2.5rem);margin:0}
p{color:#dfcfe8;line-height:1.5}
.card{display:block;width:100%;height:auto;border-radius:16px;border:1px solid #725575}
nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
nav a{border:1px solid #725575;border-radius:8px;padding:8px 12px;text-decoration:none}
nav a:first-child{background:#ffda84;color:#23162d;font-weight:700}