*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;overflow:hidden}
#bgvideo{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;object-fit:cover;animation:zoom 18s ease-in-out infinite alternate}
.overlay{position:fixed;inset:0;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.7))}
.content{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px;animation:fade 1.4s ease}
.logo{width:220px;max-width:70%;margin-bottom:30px}
h1{font-size:56px;line-height:1.2;max-width:1000px;text-shadow:0 3px 12px rgba(0,0,0,.5)}
p{font-size:24px;margin:25px 0 40px;color:#eee}
.btn{display:inline-flex;gap:10px;align-items:center;text-decoration:none;background:#25D366;color:#fff;padding:18px 36px;border-radius:50px;font-size:22px;font-weight:700;box-shadow:0 0 30px rgba(37,211,102,.5);animation:pulse 2s infinite}
.features{margin-top:35px;display:flex;gap:25px;flex-wrap:wrap;justify-content:center;font-size:18px}
@keyframes fade{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(max-width:768px){h1{font-size:34px}p{font-size:18px}.btn{font-size:18px;padding:16px 26px}.logo{width:170px}.features{font-size:15px;gap:12px}}