:root{--bg:#9bd0e2;--ink:#14283a;--ink-weak:#1f3b55;--white:#ffffff;--radius:14px;}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:32px;}
.container{width:min(880px,100%);text-align:center;}
.logo{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:18px;}
.logo img{height:92px;width:auto;}
.brand{text-align:left;}
.brand h1{margin:0;font-size:48px;line-height:1;letter-spacing:0.5px;}
.tag{font-size:22px;margin:24px 0 28px;letter-spacing:.3px;}
.form{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:26px;}
input[type="email"]{width:min(480px,80vw);padding:16px 18px;border-radius:var(--radius);border:2px solid transparent;outline:none;background:var(--white);font-size:16px;box-shadow:0 6px 18px rgba(20,40,58,.08);}
input[type="email"]:focus{border-color:var(--ink-weak);}
button{padding:16px 22px;border-radius:var(--radius);border:none;background:var(--ink);color:white;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 18px rgba(20,40,58,.18);}
button:disabled{opacity:.6;cursor:not-allowed}
.subcopy{font-size:14px;opacity:.8;margin-top:8px;}
.footer{margin-top:30px;font-weight:700;letter-spacing:.6px;}
small a{color:var(--ink-weak);text-decoration:none;border-bottom:1px dotted rgba(31,59,85,.5)}
small a:hover{border-bottom-style:solid}
.form-success {
  margin-top: 16px;
  color: #14283a;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 18px;
}
.form-success {
  margin-top: 16px;
  color: #14283a;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  font-size: 18px;
}
.form-success svg {
  flex-shrink: 0;
}