:root { --bg: #14121c; --panel: #1f1c2b; --fg: #fbf7ef; --muted: #b9b3c9; --coral: #ff5a6e; --mango: #ffb547; --lemon: #ffd23f; --mint: #4fd1a5; --sky: #5cc8ff; --grape: #a48cff; --rule: #2f2a40; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(60rem 40rem at 80% -10%, #3a2346 0%, transparent 60%), radial-gradient(50rem 40rem at -10% 110%, #173a40 0%, transparent 60%), var(--bg); background-attachment: fixed; color: var(--fg); font: 17px/1.6 ui-rounded, -apple-system, "SF Pro Rounded", system-ui, sans-serif; }
main { max-width: 40rem; margin: 0 auto; padding-block: 48px 64px; padding-left: max(20px, env(safe-area-inset-left)); padding-right: max(20px, env(safe-area-inset-right)); }
.brand { display: inline-flex; gap: 1px; font: 900 22px/1 -apple-system, system-ui, sans-serif; letter-spacing: -.02em; text-decoration: none; }
.brand span:nth-child(6n+1) { color: var(--coral); } .brand span:nth-child(6n+2) { color: var(--mango); } .brand span:nth-child(6n+3) { color: var(--lemon); }
.brand span:nth-child(6n+4) { color: var(--mint); } .brand span:nth-child(6n+5) { color: var(--sky); } .brand span:nth-child(6n) { color: var(--grape); }
h1 { font: 900 2.4rem/1.1 -apple-system, system-ui, sans-serif; margin: 16px 0 8px; text-wrap: balance; }
h2 { font: 800 1.15rem/1.3 ui-rounded, -apple-system, system-ui, sans-serif; margin: 36px 0 6px; color: var(--mango); }
.lede { color: var(--muted); margin-top: 0; }
a { color: var(--sky); }
.mail { display: inline-block; margin-top: 4px; padding: 12px 18px; border-radius: 14px; background: linear-gradient(90deg, var(--coral), var(--mango)); color: #14121c; font-weight: 800; text-decoration: none; }
dt { font-weight: 800; margin-top: 18px; }
dd { margin: 4px 0 0; color: var(--muted); }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--rule); color: var(--muted); font-size: 14px; }