:root{--bg:#0b0b0e;--fg:#f6f6f9;--muted:#b5b6c3;--accent:#ff3b8d}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.hero{position:relative;min-height:100vh;background:#111 center/cover no-repeat url('../assets/hero-desktop.webp')}
@media(max-width:768px){
  .hero{min-height:100svh;background-image:url('../assets/hero-mobile.webp');background-position:left center}
}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.65))}
.badge{position:absolute;top:14px;left:14px;background:rgba(255,59,141,.16);color:#fff;border:1px solid rgba(255,59,141,.4);padding:6px 10px;border-radius:999px;font-weight:600;backdrop-filter:blur(6px)}
.copy{position:absolute;right:6vw;top:18vh;max-width:min(90vw, 760px);display:flex;flex-direction:column;gap:10px}
@media(max-width:768px){ .copy{left:8vw; right:auto; top:16svh; max-width:84vw;} }
h1{margin:0;font-size:clamp(36px,10vw,108px);line-height:1.02;letter-spacing:.02em;text-shadow:0 6px 24px rgba(0,0,0,.35)}
h1 .accent{color:var(--accent)}
.sub{margin-top:2px;font-size:clamp(14px,3.4vw,28px);color:#ececf1;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.notify-inline{display:flex;gap:10px;align-items:center;margin-top:10px}
.notify-inline input[type=email]{flex:1;background:#fff;color:#111;border:1px solid #e3e3ea;padding:12px 14px;border-radius:12px;font-size:16px;outline:none}
.notify-inline input[type=email]:focus{border-color:#c7c7d7;box-shadow:0 0 0 3px rgba(255,59,141,.18)}
.notify-inline button{appearance:none;border:none;background:var(--accent);color:#fff;font-weight:700;padding:12px 16px;border-radius:12px;cursor:pointer}
@media(max-width:560px){ .notify-inline{flex-direction:column;align-items:stretch} }

/* Desktop meta/footer visible; hidden on mobile to keep one-screen layout */
.meta, footer{display:block}
@media(max-width:768px){ .meta, footer{display:none} }

.meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:14px 18px;background:#0b0b0e;border-top:1px solid rgba(255,255,255,.06)}
.meta span{color:var(--muted);font-size:14px}
.cta{margin-left:auto;display:flex;gap:10px}
.btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--fg);padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:600}
.btn:hover{border-color:rgba(255,255,255,.36)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
footer{padding:18px;color:var(--muted);font-size:12px;text-align:center;background:#0f0f13}
.lang{opacity:.8}