:root{--navy:#142247;--butter:#FCE680;--cream:#FFF8EC;--muted:#5b6585;--line:rgba(20,34,71,.12)}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Manrope,system-ui,sans-serif;background:var(--cream);color:var(--navy);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
h1,h2,h3{font-family:Unbounded,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.1}
a{color:inherit}
.top{display:flex;justify-content:center;padding:18px}
.logo{display:block;width:140px;aspect-ratio:1003/198;background:var(--navy);-webkit-mask:url(assets/logo-h.png) center/contain no-repeat;mask:url(assets/logo-h.png) center/contain no-repeat}
.box{width:min(560px,100% - 28px);margin:10px auto 40px;background:#fffdf8;border-radius:28px;padding:28px 22px;box-shadow:0 30px 60px -40px rgba(20,34,71,.4)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:99px;font:800 16px Manrope,sans-serif;cursor:pointer;text-decoration:none}
.dark{background:var(--navy);color:var(--butter)}.light{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line)}
.muted{color:var(--muted)}
.row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:15px}
.hr{border-top:1px dashed var(--line);margin:12px 0}
