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

body{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,#141e30,#243b55);
}

.card{
width:340px;
padding:30px;
border-radius:25px;
background:rgba(255,255,255,0.1);
backdrop-filter:blur(15px);
text-align:center;
color:white;
}

.logo{
width:90px;
height:90px;
border-radius:50%;
margin-bottom:10px;
}

h2{
margin-bottom:5px;
color: #fff8ce;
}
p{
    margin-bottom:25px;
    color: #fff8ce;
}

.btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:14px;
margin:10px 0;
border-radius:12px;
text-decoration:none;
color:white;
font-size:16px;
font-weight:500;
}

.phone{
background:linear-gradient(45deg,#1dd1a1,#10ac84);
}

.insta{
background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
}

.tg{
background:linear-gradient(45deg,#36d1dc,#5b86e5);
}

.map{
background:linear-gradient(45deg,#f7971e,#ffd200);
}

.btn:hover{
transform:scale(1.05);
transition:0.3s;
}