*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
height:100%;
font-family:Arial,Helvetica,sans-serif;
overflow:hidden;
background:#000;
}

#bgVideo{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:-3;
}

.bg-image{
position:fixed;
inset:0;
background:url("bg-main.jpg") center center;
background-size:cover;
opacity:.35;
z-index:-2;
}

.overlay{
position:fixed;
inset:0;
background:
linear-gradient(rgba(0,0,0,.55),
rgba(0,0,0,.55));
z-index:-1;
}

body{
display:flex;
justify-content:center;
align-items:center;
padding:30px;
}

.glass-card{

width:min(760px,92%);
padding:60px 40px;

background:rgba(255,255,255,.10);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

border:1px solid rgba(255,255,255,.18);

border-radius:28px;

text-align:center;

box-shadow:
0 10px 40px rgba(0,0,0,.45);

animation:fadeUp 1s ease;
}

h1{

color:#fff;

font-size:clamp(2rem,4vw,3.5rem);

line-height:1.2;

font-weight:700;

margin-bottom:45px;

text-shadow:0 3px 10px rgba(0,0,0,.45);
}

#cta{

background:#1d9d26;

color:white;

font-size:28px;

font-weight:700;

padding:22px 42px;

border:none;

border-radius:14px;

cursor:pointer;

transition:.25s;

box-shadow:
0 15px 35px rgba(0,0,0,.35);
}

#cta:hover{

background:#25b930;

transform:translateY(-4px) scale(1.03);

box-shadow:
0 20px 50px rgba(0,0,0,.45);
}

#cta span{

margin-left:12px;

transition:.3s;
}

#cta:hover span{

margin-left:18px;
}

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(35px);
}

to{
opacity:1;
transform:translateY(0);
}

}

@media(max-width:700px){

.glass-card{

padding:40px 24px;
}

#cta{

width:100%;

font-size:24px;

padding:20px;
}

}