:root{
  --bg:#ffdbe3;
  --text:#121212;
  --accent:#121212;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}
.container{width:min(1100px,92vw);margin:auto;padding-inline:20px}
header{display:flex;justify-content:center;align-items:center;padding:20px 0}
.logo{width:clamp(150px,22vw,280px);height:auto;display:block}
.hero{text-align:center;padding:60px 0}
.eyebrow{font-family:Montserrat,Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;font-weight:700;font-size:14px;margin:0 0 8px}
.headline{font-family:Montserrat,Inter,sans-serif;font-weight:800;font-size:64px;margin:0 0 16px}
.subtitle{font-size:18px;line-height:1.6;max-width:800px;margin:0 auto 24px}
.btn-primary{background:var(--accent);color:#fff;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:600;display:inline-block}
.divider{height:1px;background:rgba(0,0,0,.2);margin:50px auto;width:80%}
.notify{text-align:center;padding:40px 0}
.notify-title{font-family:Montserrat,Inter,sans-serif;font-weight:700;font-size:28px;margin:0 0 10px}
.notify-help{margin:0 0 16px;font-size:15px}
.input-row{display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(18,18,18,.05);border:1px solid rgba(18,18,18,.18);border-radius:12px;padding:8px;width:min(500px,90%);margin:auto}
.input-row .at{font-weight:700;opacity:.7}
.input-row input{border:none;outline:none;background:transparent;flex:1;padding:10px;font-size:15px}
.btn-secondary{border:none;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}
footer{text-align:center;padding:30px 0}
.socials{display:flex;justify-content:center;gap:14px;margin-bottom:10px}
.icon{color:var(--accent);opacity:.9}
.legal{font-size:13px;opacity:.7}
@media (max-width:520px){.headline{line-height:1.05}}