/* Zutt — minimal dark legal/landing styling */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #0A0A0B; color: #F5F5F4;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
h1 { font-family: Georgia, "Times New Roman", serif; font-size: 2rem; margin: 0 0 4px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
p, li { color: #C9C9C7; }
a { color: #7FB2E8; }
.meta { color: #8A8A8E; font-size: .85rem; margin-bottom: 32px; }
.brand { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; }
.brand img { height: 34px; }
.brand span { font-family: Georgia, serif; font-size: 1.3rem; }
.card { background: #1B1B1E; border-radius: 16px; padding: 24px; margin: 24px 0; }
.code { font-size: 2.4rem; letter-spacing: .35em; font-weight: 700; text-align: center; padding: 16px 0; }
.btn { display: inline-block; background: #7FB2E8; color: #0A0A0B; font-weight: 600;
       padding: 12px 28px; border-radius: 999px; text-decoration: none; }
footer { max-width: 720px; margin: 0 auto; padding: 0 24px 48px; color: #8A8A8E; font-size: .8rem; }
footer a { color: #8A8A8E; }