html, body { margin: 0; height: 100%; background: #000; color: #e8ede9; font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body { display: flex; flex-direction: column; min-height: 100svh; }
main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px 16px; }
.logo { width: 132px; height: 132px; border-radius: 30px; }
h1 { margin: 22px 0 6px; font-size: 26px; font-weight: 600; letter-spacing: .02em; }
p { margin: 0; color: #8a968e; }
footer { display: flex; justify-content: center; gap: 22px; padding: 20px 16px calc(20px + env(safe-area-inset-bottom)); }
footer a { color: #8a968e; text-decoration: none; font-size: 13px; }
footer a:hover { color: #e8ede9; }