:root{
  --booya-red:#e3122b;       /* primary brand red */
  --booya-red-dark:#b30e22;  /* darker shade */
  --booya-cream:#fff5f5;
  --text:#1a1a1a;
  --white:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color:var(--white);
  background: radial-gradient(1200px 600px at 70% 10%, #ff6b6b 0%, var(--booya-red) 40%, var(--booya-red-dark) 100%);
}
.wrapper{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 16px;
}
.card{
  width:min(980px,100%);
  border-radius:28px;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  box-shadow: 0 30px 70px rgba(0,0,0,0.3);
  padding: clamp(24px, 5vw, 48px);
  backdrop-filter: blur(6px);
  border:1px solid rgba(255,255,255,.12);
}
.header{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:18px;
}
.header img{height:52px;width:auto}
.brand{
  font-weight:800;
  font-size:clamp(24px,3vw,36px);
  letter-spacing:.2px
}
.badge{
  display:inline-flex;align-items:center;gap:8px;
  background:#ffffff18;color:#fff;border:1px solid #ffffff30;
  padding:8px 12px;border-radius:999px;font-size:14px;margin-bottom:8px
}
h1{
  margin:8px 0 10px 0;
  font-size: clamp(28px, 4.2vw, 56px);
  line-height:1.05;
}
.lead{font-size:clamp(16px,2.1vw,20px);color:#fff;opacity:.95;max-width:800px}
.form{
  margin-top:28px;
  display:flex;gap:12px;flex-wrap:wrap
}
.input{
  flex:1 1 340px;
  background:#fff;border:2px solid transparent;color:#111;
  border-radius:14px;padding:16px 18px;font-size:18px;outline:none;
}
.input:focus{border-color:#ffbebf;box-shadow:0 0 0 6px #ffffff20}
.btn{
  background:linear-gradient(180deg,#fff,#ffe9e9);
  color:#b30e22;border:0;border-radius:14px;
  padding:16px 22px;font-weight:800;font-size:18px;
  cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.btn:hover{transform:translateY(-1px)}
.helper{opacity:.75;font-size:14px;margin-top:6px}
.hero-illus{
  margin-top:22px;
  display:flex;gap:14px;flex-wrap:wrap;align-items:center
}
.pill{background:#ffffff15;border:1px solid #ffffff25;color:#fff;border-radius:999px;padding:10px 14px;font-size:14px}
.footer{
  margin-top:36px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;opacity:.9
}
.footer small{opacity:.9}
.social a{color:#fff;text-decoration:none;margin-right:14px}
.social a:hover{text-decoration:underline}
/* Thank you */
.thanks{
  text-align:center;
}
.social-cards{
  margin-top:24px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px
}
.card-social{
  background:#ffffff12;border:1px solid #ffffff25;border-radius:18px;padding:18px;text-align:center
}
.card-social a{display:block;color:#fff;text-decoration:none;font-weight:700}
.notice{font-size:14px;opacity:.85;margin-top:10px}