@font-face { font-family: "Marcellus"; src: url("Marcellus-Regular.ttf") format("truetype"); font-display: swap; }
:root { --night: #120A2E; --violet: #2A1450; --haze: #8E6BD8; --gold: #E2B65A; --gold-light: #F4D58C; --pearl: #F4EEDC; --pearl-soft: #CFC3E6; }
* { box-sizing: border-box; }
html { background: var(--night); }
body { margin: 0; min-height: 100vh; color: var(--pearl); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  background: radial-gradient(ellipse at 50% 30%, rgba(142,107,216,.28), transparent 60%), linear-gradient(var(--night), var(--violet)); background-attachment: fixed; }
main { max-width: 680px; margin: 0 auto; padding: 56px 20px 72px; }
h1, h2, .brand { font-family: "Marcellus", Georgia, serif; font-weight: 400; }
h1 { font-size: 40px; line-height: 1.15; margin: 8px 0 18px; }
h2 { font-size: 22px; color: var(--gold); margin: 36px 0 8px; letter-spacing: .6px; }
p, li { color: var(--pearl); }
.soft { color: var(--pearl-soft); }
a { color: var(--gold-light); text-underline-offset: 3px; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--pearl); font-size: 22px; }
.brand img { width: 44px; height: 44px; border-radius: 10px; }
.medallion { display: block; width: 180px; margin: 36px auto 8px; filter: drop-shadow(0 0 24px rgba(244,213,140,.35)); }
.center { text-align: center; }
nav { display: flex; gap: 22px; margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(226,182,90,.3); font-size: 15px; }
::selection { background: rgba(226,182,90,.4); }
@media (max-width: 420px) { h1 { font-size: 32px; } main { padding-top: 36px; } }