:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#101113;color:#e1e2e4;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;min-width:280px}
body{min-height:100svh;isolation:isolate}
::selection{background:#d9dee52d;color:#fff}
.atmosphere{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:#101113}
canvas{display:block;width:100%;height:100%}
.shell{padding:0 4.5%;min-height:100svh;display:flex;flex-direction:column;max-width:2000px;margin:auto}
.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0}
.wordmark{position:relative;color:#dcdee2;font-size:29px;font-weight:550;letter-spacing:-.085em;text-decoration:none;line-height:1}
.wordmark>span{font-size:8px;position:absolute;top:0;right:-11px;letter-spacing:0;font-weight:400;color:#83868c}
.wordmark:focus-visible{outline:1px solid #9ca3ad;outline-offset:10px}
.status{font-size:11px;color:#85888e;letter-spacing:.01em}
main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:70px 0 98px}
h1{font-size:clamp(50px,6.6vw,110px);font-weight:400;line-height:1.12;letter-spacing:-.065em;margin:0 0 20px;animation:appear 1.1s ease both}
.period{color:#878b93}
.intro{color:#8e9198;font-size:12px;font-weight:400;letter-spacing:.015em;line-height:1.8;margin:0;animation:appear 1.3s .1s ease both}
.footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;color:#72767d;font-size:10px;letter-spacing:.025em}
@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.shell{padding:0 7%}.header{height:90px}.wordmark{font-size:26px}.status{font-size:10px}main{padding:55px 0 85px}h1{font-size:clamp(42px,11.4vw,72px);margin-bottom:18px}.intro{font-size:10px;max-width:280px}.footer{min-height:70px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}
