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

body{

    font-family:'Poppins',sans-serif;
    background:#050816;
    color:white;
    overflow-x:hidden;
}

.background{

    position:fixed;
    width:100%;
    height:100%;

    background:
    radial-gradient(circle at top,#1d4ed8 0%,transparent 35%),
    radial-gradient(circle at bottom,#2563eb 0%,transparent 25%),
    #050816;

    z-index:-2;
}

.background::after{

    content:"";

    position:absolute;

    width:200%;
    height:200%;

    background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);

    background-size:60px 60px;

    animation:move 30s linear infinite;

}

@keyframes move{

from{

transform:translate(0,0);

}

to{

transform:translate(-60px,-60px);

}

}

.container{

max-width:1200px;

margin:auto;

padding:80px 20px;

text-align:center;

}

.logo{

font-size:60px;

font-weight:800;

margin-bottom:15px;

}

.logo span{

color:white;

}

.logo .blue{

color:#3b82f6;

}

.logo small{

display:block;

letter-spacing:8px;

font-size:18px;

color:#aaa;

}

h1{

font-size:48px;

margin-top:25px;

}

.desc{

margin:auto;

max-width:750px;

margin-top:25px;

font-size:18px;

color:#d4d4d4;

line-height:1.8;

}

.services{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:25px;

margin-top:70px;

}

.card{

padding:35px;

border-radius:20px;

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

backdrop-filter:blur(10px);

border:1px solid rgba(59,130,246,.4);

transition:.35s;

font-size:50px;

}

.card:hover{

transform:translateY(-8px);

background:#2563eb;

}

.card h3{

margin-top:20px;

font-size:18px;

font-weight:600;

}

.contact{

margin-top:70px;

padding:40px;

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

border-radius:20px;

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

}

.contact h2{

margin-bottom:20px;

}

.contact p{

margin:12px 0;

font-size:20px;

}

.contact a{

display:inline-block;

margin-top:10px;

color:#60a5fa;

text-decoration:none;

font-size:22px;

font-weight:bold;

}

.contact a:hover{

color:white;

}

.footer{

margin-top:50px;

color:#888;

font-size:15px;

}

@media(max-width:768px){

.logo{

font-size:42px;

}

h1{

font-size:32px;

}

.desc{

font-size:16px;

}

}