:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #090a0b; color: #e8e7e3; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 240px; min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: 1fr auto; }
main { display: grid; place-items: center; padding: 48px 24px 16px; }
.identity { display: flex; flex-direction: column; align-items: center; gap: 34px; }
.signet { display: block; width: clamp(150px, 22vw, 216px); height: auto; filter: invert(95%) sepia(5%) saturate(150%); }
h1 { margin: 0; padding-left: .36em; font-size: 11px; font-weight: 400; line-height: 1.6; letter-spacing: .36em; }
footer { padding: 24px 20px max(28px, env(safe-area-inset-bottom)); text-align: center; font-size: 10px; line-height: 1.5; letter-spacing: .08em; color: #85878a; }
@media (max-width: 480px) { .identity { gap: 28px; } h1 { font-size: 10px; } }
@media (max-height: 420px) { main { padding-top: 24px; } .signet { width: 120px; } .identity { gap: 16px; } footer { padding: 18px; } }