:root{
  --bg-filter: rgba(0,0,0,0.45);
  --accent: #fff;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:cursive,Arial}
.bg{
  position:fixed;inset:0;background-image:url('background.jpg');background-size:cover;background-position:center;filter:brightness(0.6);z-index:-2;
}
.overlay{position:fixed;inset:0;background:var(--bg-filter);z-index:-1}
.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--accent)}
.headline{font-weight:700;font-size:clamp(1.2rem,3.5vw,2.4rem);margin:0 0 1rem;text-shadow: 2px 2px 5px black;}
.translations{opacity:0.95;margin-bottom:1.25rem}
.translations .line{margin:0.2rem 0;font-size:clamp(1.2rem,3vw,1.6rem);text-shadow: 2px 2px 5px black;}
.subscribe{display:flex;gap:0.5rem;align-items:center;justify-content:center;flex-wrap:wrap}
.subscribe input[type="email"]{padding:0.75rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,0.2);min-width:220px;background:rgba(255,255,255,0.06);color:var(--accent);outline:none}
.subscribe input::placeholder{color:rgba(255,255,255,0.7)}
.subscribe button{padding:0.7rem 1rem;border-radius:999px;border:none;background:#0078d4;color:white;cursor:pointer;font-weight:600}
.subscribe .msg{width:100%;margin-top:0.5rem;font-size:0.95rem}
@media (min-width:900px){.headline{font-size:3rem}.translations .line{font-size:1.1rem}}