*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
#bg-video{position:fixed;inset:0;width:100%;height:100%;z-index:-1;object-fit:cover;transform:none;transition:none}
.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.25)}
.modal{background:linear-gradient(135deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));padding:2.25rem 2.5rem;border-radius:12px;border:1px solid rgba(255,255,255,0.06);text-align:center;color:#fff;max-width:620px;width:92%;backdrop-filter:blur(6px);box-shadow:0 12px 40px rgba(0,0,0,0.45);animation:fadeUp .9s cubic-bezier(.2,.9,.3,1) both}
.modal h1{font-size:clamp(28px,6vw,64px);margin:0 0 .35rem;letter-spacing:1px}
.modal p{margin:0 0 1rem;opacity:.95}
.subscribe{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.subscribe input{padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.03);color:#fff;min-width:240px}
.subscribe button{padding:.7rem 1rem;border-radius:8px;border:none;background:#ff6b6b;color:#fff;cursor:pointer}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (max-width:420px){.modal{padding:1.5rem}.subscribe input{min-width:160px}}