:root{
  --stl-blue:#2563eb;
  --stl-border:#d4d4d4;
  --stl-muted:#4b5563;
  --stl-bg:#f9fafb;
  --stl-shadow:0 1px 2px rgba(0,0,0,.05);
  --stl-inner:600px;
}
.stl-card{
  width:100%;
  max-width:900px;
  margin:24px auto;
  background:var(--stl-bg);
  border:1px solid var(--stl-border);
  border-radius:12px;
  padding:36px 24px;
  box-shadow:var(--stl-shadow);
  text-align:center;
}
.stl-headline{
  margin:0 0 8px 0;
  font-weight:800;
  font-size:36px;
  letter-spacing:.02em;
  color:#111827;
}
.stl-subheadline{
  color:#374151;
  font-size:20px;
  margin-bottom:20px;
}
.stl-controls{
  display:flex; gap:14px; align-items:center; justify-content:center;
  margin:0 auto;
  max-width:var(--stl-inner);
}
.stl-input{
  flex:1;
  height:54px;
  padding:0 14px;
  border:2px solid #111827;
  border-radius:12px;
  font-size:18px;
  background:#fff;
}
.stl-input:focus{ outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.2); border-color:var(--stl-blue) }
.stl-button{
  height:54px;
  padding:0 24px;
  border:0; border-radius:12px; cursor:pointer;
  background:var(--stl-blue); color:#fff; font-weight:700; font-size:18px;
  white-space:nowrap;
}
.stl-consent{ font-size:14px; color:var(--stl-muted); margin-top:8px }
.stl-message{ margin-top:12px; font-size:14px; text-align:center }
.stl-form.stl-loading{ opacity:.6; pointer-events:none }
.screen-reader-text{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
@media (max-width: 600px){
  .stl-headline{ font-size:28px }
  .stl-subheadline{ font-size:18px }
  .stl-controls{ flex-direction: column; align-items: stretch; }
  .stl-button{ width: 100%; }
}