*{

margin:0;
padding:0;
box-sizing:border-box;

font-family:
Segoe UI,Arial,sans-serif;

}



body{


min-height:100vh;

display:flex;

justify-content:center;

align-items:center;


background:

linear-gradient(
135deg,
#020617,
#1e293b
);


color:white;


}



.container{


width:90%;

max-width:650px;

text-align:center;

background:

rgba(255,255,255,.05);


padding:45px;


border-radius:25px;


border:

1px solid rgba(255,255,255,.15);


backdrop-filter:blur(15px);


}



.logo img{


max-width:180px;

margin-bottom:20px;


}



.icon{


font-size:70px;

margin:20px;


}



h1{


font-size:38px;

margin-bottom:20px;


}



.message{


color:#cbd5e1;

font-size:18px;

line-height:1.6;

}



.status{


margin:30px auto;

padding:15px;


width:max-content;


background:#422006;


border-radius:30px;


display:flex;

align-items:center;

gap:10px;


}



.dot{


width:14px;

height:14px;

background:#facc15;

border-radius:50%;


}



.box{


background:#0f172a;

padding:20px;

border-radius:15px;

margin:25px 0;


}



.services{


display:grid;

grid-template-columns:

repeat(3,1fr);


gap:15px;


}



.services div{


background:#111827;

padding:20px;

border-radius:15px;


}



.contact{


margin-top:30px;

color:#cbd5e1;


}



footer{


margin-top:35px;

color:#64748b;


}



@media(max-width:600px){


.services{

grid-template-columns:1fr;

}


h1{

font-size:30px;

}


}