html, body { height:100%; margin:0; padding:0; font-family:system-ui,sans-serif; color:#fff; background:#000; }
.hero { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:2rem; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background-image:url("/assets/background.png"); background-size:cover; background-position:center; filter:brightness(0.35); z-index:-2; }
.hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at top, rgba(255,255,255,0.04), transparent 55%), linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.85)); z-index:-1; }
.card { max-width:640px; width:100%; padding:1.5rem 1.5rem 2rem; margin:0 auto; }
.logo-wrap { display:flex; justify-content:center; margin-bottom:1.75rem; }
.logo-wrap img { max-width:220px; width:70%; height:auto; display:block; }
.lang-switch { display:inline-flex; border-radius:999px; padding:0.15rem; background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.25); margin-bottom:1.4rem; }
.lang-switch button { border:none; background:transparent; color:#e4efed; padding:0.35rem 0.9rem; font-size:0.8rem; text-transform:uppercase; cursor:pointer; border-radius:999px; }
.lang-switch button.active { background:rgba(255,255,255,0.9); color:#0b1517; }
p.lead { font-size:0.98rem; line-height:1.7; margin-bottom:0.9rem; text-shadow:0 2px 6px rgba(0,0,0,0.65); }
p.small { font-size:0.9rem; margin-bottom:1rem; color:#e5f0ee; }
.signup-form { display:flex; flex-wrap:wrap; gap:0.5rem; justify-content:center; margin-bottom:1.3rem; }
.signup-form input[type="email"] { min-width:220px; padding:0.55rem 0.9rem; border-radius:999px; border:1px solid rgba(255,255,255,0.7); background:rgba(0,0,0,0.35); color:#fff; }
.signup-form input::placeholder { color:#c4d2cf; }
.signup-form button { padding:0.55rem 1.4rem; border-radius:999px; border:none; cursor:pointer; background:#fff; color:#0b1517; font-size:0.9rem; font-weight:500; }
.thankyou { display:none; font-size:0.9rem; margin-bottom:1.3rem; color:#e5f0ee; }
.contact { margin-bottom:1.4rem; }
.contact a { color:#fff; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.55); }
.btn-row { display:flex; justify-content:center; gap:0.75rem; margin-bottom:1.4rem; flex-wrap:wrap; }
.btn { display:inline-flex; padding:0.6rem 1.6rem; border-radius:999px; border:1px solid rgba(255,255,255,0.4); background:rgba(3,19,22,0.35); color:#fff; text-decoration:none; }
.meta { font-size:0.78rem; color:#d0ddda; }
.copy { display:none; }
.copy.active { display:block; }
@media (max-width:480px){ .card{padding:1.25rem 0.75rem 1.8rem;} .logo-wrap img{max-width:190px;} }