@font-face{font-family:Caveat;src:url('/caveat.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:block}
@font-face{font-family:Onest;src:url('/onest.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:block}
:root{color-scheme:light;font-family:Arial,sans-serif;color:#20252a;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
.page{width:min(960px,100%);min-height:100vh;min-height:100svh;margin:auto;display:flex;flex-direction:column;padding:max(28px,env(safe-area-inset-top)) 32px max(28px,env(safe-area-inset-bottom))}
.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:750;letter-spacing:-.8px}
.brand>span{display:flex;align-items:center;width:142px;height:42px;font-family:Arial,sans-serif;font-size:22px;font-weight:700;line-height:1;letter-spacing:-.8px}
.fonts-ready{font-family:Onest,Arial,sans-serif}
.fonts-ready .brand>span{font-family:Caveat,cursive;font-size:36px}
.brand img{width:42px;height:42px;border-radius:50%}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 0 106px}
h1{margin:0;font-size:42px;font-weight:650;line-height:1.2;letter-spacing:-1.5px}
p{color:#777e84;font-size:16px;line-height:1.65;margin:22px 0 30px}
.button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 34px;background:#f6d34b;color:#20252a;border-radius:12px;text-decoration:none;font-size:15px;font-weight:600;touch-action:manipulation}
.button:hover{background:#f0ca37}
.button:focus-visible{outline:3px solid #4d77ba;outline-offset:4px}
@media(max-width:520px){.page{padding-left:24px;padding-right:24px}.brand{font-size:20px}main{padding:48px 0 90px}h1{font-size:30px;letter-spacing:-1px}p{font-size:14px;margin:18px 0 26px}.button{width:100%;max-width:290px}}
@media(max-width:350px){h1{font-size:26px}}
@media(max-height:500px){main{padding:32px 0}}

.loader{display:none;position:fixed;inset:0;z-index:10;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#777e84;font:14px Arial,sans-serif}
.is-loading .loader{display:flex}
.is-loading .page{visibility:hidden}
.loader-spinner{width:28px;height:28px;border:3px solid #f1f1ed;border-top-color:#f6d34b;border-radius:50%;animation:loading-turn .7s linear infinite}
@keyframes loading-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loader-spinner{animation:none}}