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

body{

font-family:Inter,sans-serif;
overflow:hidden;
height:100vh;

background:url("../images/surgery-bg.jpg") center center/cover no-repeat;

}

.overlay{

position:absolute;
width:100%;
height:100%;
background:rgba(3,25,48,.72);

backdrop-filter:blur(3px);

}

.hero{

height:100vh;

display:flex;

justify-content:center;

align-items:center;

position:relative;

z-index:2;

padding:40px;

}

.glass{

width:900px;

max-width:95%;

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

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

backdrop-filter:blur(20px);

border-radius:25px;

padding:60px;

text-align:center;

color:white;

box-shadow:0 20px 80px rgba(0,0,0,.4);

animation:fade 1.4s;

}

.logo{

width:180px;

margin-bottom:25px;

}

h1{

font-size:56px;

margin-bottom:15px;

}

.subtitle{

font-size:21px;

line-height:1.8;

opacity:.9;

margin-bottom:40px;

}

#countdown{

display:flex;

justify-content:center;

gap:20px;

margin-bottom:45px;

flex-wrap:wrap;

}

.box{

width:130px;

background:white;

border-radius:15px;

padding:22px;

color:#003e74;

}

.box span{

font-size:52px;

font-weight:700;

display:block;

}

.box label{

font-size:14px;

letter-spacing:2px;

text-transform:uppercase;

}

.features{

display:flex;

justify-content:center;

gap:60px;

margin:50px 0;

flex-wrap:wrap;

}

.features i{

font-size:42px;

color:#53d3c2;

margin-bottom:12px;

}

.contact{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

margin-bottom:30px;

}

.contact div{

font-size:17px;

}

.social{

display:flex;

justify-content:center;

gap:20px;

}

.social a{

width:50px;

height:50px;

background:white;

color:#003e74;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

text-decoration:none;

font-size:22px;

transition:.3s;

}

.social a:hover{

transform:translateY(-6px);

}

.heartbeat{

margin:35px auto;

width:85%;

}

.heartbeat path{

stroke:#39d98a;

stroke-width:4;

fill:none;

stroke-dasharray:1500;

stroke-dashoffset:1500;

animation:beat 5s linear infinite;

}

@keyframes beat{

to{

stroke-dashoffset:0;

}

}

@keyframes fade{

from{

opacity:0;
transform:translateY(40px);

}

to{

opacity:1;
transform:translateY(0);

}

}

@media(max-width:900px){

h1{

font-size:38px;

}

.subtitle{

font-size:18px;

}

.glass{

padding:35px;

}

}