@font-face{font-family:'Google Sans';font-weight:400;src:url(fonts/GoogleSans-Regular.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Google Sans';font-weight:500;src:url(fonts/GoogleSans-Medium.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Google Sans';font-weight:600;src:url(fonts/GoogleSans-SemiBold.ttf) format('truetype');font-display:swap}
@font-face{font-family:'Google Sans';font-weight:700;src:url(fonts/GoogleSans-Bold.ttf) format('truetype');font-display:swap}
:root{--navy:#13284B;--red:#D93025;--tint:#f1f4f9;--line:#d9e0ec;--muted:#4a5a78}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Google Sans',system-ui,sans-serif;color:var(--navy);background:#fff;line-height:1.6;font-size:17px;display:flex;flex-direction:column}
main{flex:1;display:grid;place-items:center;padding:48px 20px;background:linear-gradient(180deg,#fff,var(--tint))}
.box{max-width:640px;text-align:center}
.mark{width:64px;height:64px}
.name{margin:0;font-weight:700;font-size:clamp(1.9rem,5vw,3rem);letter-spacing:-.02em;line-height:1.1}
.sub{margin:8px 0 0;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#B3261E}
.soon{display:inline-block;margin:36px 0 0;border:1px solid var(--red);color:#B3261E;border-radius:99px;padding:8px 22px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.desc{margin:28px auto 0;color:var(--muted);max-width:52ch}
footer{padding:20px;text-align:center;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}