@font-face{font-family:Jakarta;src:url('/assets/jakarta-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Jakarta;src:url('/assets/jakarta-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
*{box-sizing:border-box}
html{background:#f8fafc}
body{margin:0;padding:8px;font-family:Jakarta,'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased}
.page{min-height:calc(100svh - 16px);position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#3b82f6,#1e40af);color:#e2e8f0;display:flex;flex-direction:column}
.grid{position:absolute;left:50%;top:0;transform:translateX(-50%);width:2301px;height:100%;max-width:none;pointer-events:none}
header{position:relative;padding:40px 72px 0}
.brand{display:flex;align-items:flex-end;width:max-content}
.brand img{display:block;flex-shrink:0}
main{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;width:min(760px,calc(100% - 48px));margin:190px auto 80px}
p,h1{margin:0}
.eyebrow{text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px;letter-spacing:2px}
h1{font-size:80px;line-height:88px;font-weight:700;letter-spacing:-3.2px;color:white}
.description{max-width:510px;font-size:18px;line-height:24px;font-weight:500}
.thanks{font-size:14px;line-height:19px;opacity:.8;font-weight:500}
footer{position:relative;margin-top:auto;padding:0 24px 40px;text-align:center;font-size:12px;line-height:16px;opacity:.7}
@media(max-width:600px){header{padding:28px 16px 0}.grid{width:1400px}main{margin-top:162px;gap:24px}h1{font-size:48px;line-height:56px;letter-spacing:-1.92px}.description{font-size:16px;line-height:22px}footer{padding-bottom:48px}}
@media(max-width:360px){h1{font-size:42px;line-height:50px}main{margin-top:120px}}
@media(max-height:700px) and (min-width:601px){main{margin-top:80px}}