body{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
  .box{width:min(400px,100%);padding:38px 32px 30px;text-align:center}
  .box .logo{width:72px;height:72px;border-radius:20px;display:block;margin:0 auto 22px}
  h1{margin:0 0 6px;font-size:30px;line-height:1.1;letter-spacing:-.03em}
  .sub{margin:0 0 26px;color:var(--ink-2);font-size:15px}
  form{text-align:left;display:flex;flex-direction:column;gap:14px}
  .go{margin-top:6px}
  .alt{margin:20px 0 0;text-align:center;font-size:14px;color:var(--ink-2)}
  .alt a,.alt button{font:inherit;font-weight:800;color:var(--ink);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--hl-deep);text-decoration-thickness:3px;text-underline-offset:4px}
  .or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-3);font-size:12px;font-weight:700}
  .or::before,.or::after{content:'';flex:1;height:1px;background:var(--line)}
  .legal{margin:22px 0 0;font-size:12px;color:var(--ink-3);text-align:center}
  .legal a{color:var(--ink-3)}
  .sent .tick{width:58px;height:58px;border-radius:50%;background:var(--hl);color:var(--hl-ink);display:grid;place-items:center;margin:0 auto 18px}
  .sent .tick svg{width:28px;height:28px}
  [hidden]{display:none!important}