:root{
  --bg:#ffffff;
  --card:#f8f8f8;
  --text:#1a1a1a;
  --muted:#666666;
  --accent:#c7a436;
  --ring:rgba(199,164,54,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background: var(--bg);
  color:var(--text);
}
.wrap{max-width:840px;margin:0 auto;padding:40px 20px}
.brand{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.logo{
  width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#e6d8a4);
  display:grid;place-items:center;color:#000;font-size:22px;box-shadow:0 4px 12px rgba(0,0,0,.15);
}
h1{font-size:26px;margin:0;letter-spacing:.2px}
h1 .accent{color:var(--accent)}
.tag{margin:2px 0 0;color:var(--muted);font-weight:500}
.tag .vs{color:var(--accent);font-weight:600}
.hero{background:var(--card);border:1px solid rgba(0,0,0,.06);padding:28px;border-radius:18px;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.hero h2{margin:0 0 10px;font-size:28px}
.hero p{margin:0 0 18px;color:var(--muted)}
.form .hidden{display:none}
.row{display:flex;gap:10px;align-items:center}
input[type=email]{
  flex:1;padding:14px 16px;border-radius:12px;border:1px solid #ccc;background:#fff;color:var(--text);
  outline:none;box-shadow:0 0 0 0 var(--ring);transition:.2s;
}
input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 6px var(--ring)}
button{
  padding:14px 18px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--accent),#e6d87f);
  color:#000;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(199,164,54,.25);
}
button:hover{transform:translateY(-1px)}
.foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--muted);flex-wrap:wrap;gap:8px}
.links a{color:var(--text);text-decoration:none;opacity:.8}
.links a[aria-disabled="true"]{pointer-events:none;opacity:.35}
.links span{opacity:.35;margin:0 8px}
.copy{opacity:.6}
.copy .vs{color:var(--accent)}
@media (max-width:560px){
  .row{flex-direction:column;align-items:stretch}
  button{width:100%}
}