@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--text:#f5f4f2}
*{box-sizing:border-box}
html{min-height:100%;background:#090a0d}
body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 45%,#1a1c23 0%,#101116 46%,#07080a 100%)}
.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 24px 32px;gap:20px}
.placeholder-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;height:96px;width:min(1232px,calc(100% - 64px));margin-inline:auto}
.brand-link{display:block;width:210px;max-width:65vw;margin:0}
.brand-link img{display:block;width:100%;height:auto}
h1{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.015em;line-height:1.25;margin:0;max-width:1100px;color:var(--text);white-space:nowrap;text-wrap:balance}
.main-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:12px 24px;margin-top:16px;background:#f2f1ef;color:#17181c;border-radius:8px;text-decoration:none;font-size:18px;line-height:28px;font-weight:600;transition:background .18s,transform .18s}
.main-link svg{width:18px;height:18px}
.main-link:hover{background:#d9d8d5;transform:translateY(-1px)}
.main-link:focus-visible,.brand-link:focus-visible{outline:2px solid white;outline-offset:5px}
.mascot{display:block;object-fit:contain;width:auto;height:clamp(250px,50svh,460px);max-width:100%;margin-top:3px;filter:drop-shadow(0 20px 30px #0004)}
@media(max-width:700px){.hero{padding:96px 20px 28px;gap:22px}h1{font-size:20px;max-width:580px;line-height:1.25;white-space:normal}.main-link{min-height:52px;font-size:18px;padding:12px 24px}.mascot{height:auto;width:min(100%,390px);max-height:50svh;margin-top:6px}}
@media(max-height:650px) and (min-width:701px){.hero{gap:14px;padding:96px 24px 24px}.mascot{height:48svh}}
@media(prefers-reduced-motion:reduce){.main-link{transition:none}}

@media(max-width:1100px){.brand-link{width:180px}}
@media(max-width:800px){.placeholder-header{height:78px;width:calc(100% - 40px)}}
@media(max-width:520px){.placeholder-header{height:72px}.brand-link{width:164px}}