:root { --green:#1f3a2b; --green2:#0f261b; --cream:#f4f1ea; --white:#ffffff; --accent:#e63946; }
*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  background:
    radial-gradient(1200px 800px at 20% 10%, #2b5740 0%, rgba(43,87,64,0.6) 40%, transparent 70%),
    radial-gradient(1000px 700px at 80% 20%, #274c3a 0%, rgba(39,76,58,0.6) 45%, transparent 75%),
    linear-gradient(180deg, #183024, #0f231a 60%);
  color: var(--cream);
  display:grid;grid-template-rows:1fr auto;min-height:100vh
}
.container{display:grid;place-items:center;padding:24px}
.card{
  width:100%;max-width:960px;
  background: rgba(20,36,28,0.50); /* deep green glass */
  /* removed white borders to blend */
  border-radius:28px;
  padding:clamp(24px,4vw,48px);
  box-shadow: 0 20px 60px rgba(0,0,0,0.35), inset 0 0 0 1px rgba(255,255,255,0.06);
  backdrop-filter: blur(8px);
  text-align:center
}
.logo{width:min(460px,72vw);height:auto;margin:0 auto 18px;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,0.45))}
h1{margin:0 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.1;letter-spacing:.5px}
.tagline{font-size:clamp(16px,2.6vw,22px);opacity:.92;margin:0 0 18px}
.shout{font-weight:800;font-size:clamp(26px,5.2vw,56px);color:var(--white);text-transform:uppercase;letter-spacing:1px;margin:12px 0 8px}
hr.fine{width:140px;border:none;border-top:1px solid rgba(255,255,255,0.18);margin:16px auto 18px}
.footer{text-align:center;font-size:12px;opacity:.75;padding:18px 12px 28px}
.badge{display:inline-block;background:rgba(230,57,70,0.15);color:var(--cream);
  border:1px solid rgba(230,57,70,0.35);padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.5px;text-transform:uppercase}

.form-wrap{
  margin-top:22px;text-align:left;
  background: rgba(15,35,27,0.55);
  border-radius:18px;
  padding:18px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05);
}
.form-wrap h2{margin:0 0 6px;font-size:clamp(18px,2.6vw,26px)}
.form-wrap p.small{margin:0 0 14px;opacity:.86}

.grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:720px){.grid.cols-2{grid-template-columns:1fr 1fr}}

label{font-size:14px;opacity:.92;display:block;margin-bottom:6px}
input[type=text],input[type=email],textarea{
  width:100%;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color:#f8f8f8;outline:none;
}
textarea{min-height:120px;resize:vertical}

button{
  appearance:none;border:0;padding:12px 18px;border-radius:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;
  background: linear-gradient(180deg,#e84a56,#c53641);
  color:#fff;box-shadow:0 10px 26px rgba(0,0,0,0.35)
}
button:disabled{opacity:.6;cursor:not-allowed}

.notice{margin:0 auto 16px;padding:10px 12px;border-radius:10px;font-size:14px;border:1px solid rgba(255,255,255,0.18);width:100%}
.notice.ok{background:rgba(78,187,120,0.18);border-color:rgba(78,187,120,0.40)}
.notice.err{background:rgba(230,57,70,0.18);border-color:rgba(230,57,70,0.45)}

.hp{position:absolute;left:-5000px;opacity:0;width:1px;height:1px;overflow:hidden}