*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{

background:#050816;

color:white;

overflow-x:hidden;

}

nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:30px 80px;

}

.logo img{
    height:65px;
    width:auto;
    display:block;
}



nav ul{

display:flex;

list-style:none;

gap:45px;

}

nav a{

color:white;

text-decoration:none;

font-weight:500;

}

.hero{

display:flex;

justify-content:space-between;

align-items:center;

padding:50px 80px;

min-height:80vh;

}

.left{

width:45%;

}

.left h1{

font-size:82px;

font-weight:800;

line-height:90px;

}

.left span{

color:#3b82f6;

}

.left p{

margin-top:25px;

font-size:20px;

color:#b8b8b8;

line-height:35px;

}

.why{

margin-top:70px;

}

.why h3{

color:#3b82f6;

letter-spacing:3px;

margin-bottom:15px;

}

.why h2{

font-size:42px;

margin-bottom:20px;

}

.why h2 span{

color:#3b82f6;

}

.why p{

font-size:18px;

line-height:35px;

}

.why h4{

margin-top:25px;

color:#3b82f6;

font-weight:500;

}

.right{

width:50%;

display:flex;

justify-content:center;

align-items:center;

}

.glow{

width:650px;

height:650px;

border-radius:50%;

background:radial-gradient(circle,#2563eb,#050816);

filter:blur(30px);

}

.network-card{

position:absolute;

bottom:50px;

right:60px;

padding:25px;

width:260px;

background:rgba(255,255,255,0.05);

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

border-radius:20px;

backdrop-filter:blur(20px);

}

.network-card h3{

color:#3b82f6;

margin-bottom:15px;

}

.network-card p{

color:#cfcfcf;

line-height:30px;

}
@media (max-width: 768px) {

    nav {
        flex-direction: column;
        gap: 20px;
    }

    .hero {
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .left,
    .right {
        width: 100%;
    }

    .left h1 {
        font-size: 48px;
        line-height: 55px;
    }

    .network-card {
        position: static;
        margin: 30px auto;
    }

    .glow {
        width: 300px;
        height: 300px;
    }
}