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

body{background:#0b0f1a;color:#fff}

.nav{
display:flex;justify-content:space-between;padding:20px 60px;
position:fixed;width:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(10px);
}

.nav a{color:#fff;margin-left:20px;text-decoration:none}

.hero{
height:100vh;
background:radial-gradient(circle at top,#1e3a8a,#020617);
display:flex;align-items:center;justify-content:center;text-align:center;
}

.hero-text h1{
font-size:60px;
background:linear-gradient(90deg,#00e0ff,#7c3aed);
-webkit-background-clip:text;
color:transparent;
}

.btn{
margin-top:20px;display:inline-block;padding:12px 25px;
background:#00e0ff;color:#000;border-radius:6px;text-decoration:none;
}

.services{
padding:120px 60px;text-align:center;
}

.cards{
display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;margin-top:40px;
}

.card{
padding:30px;border-radius:15px;
background:rgba(255,255,255,0.05);
transition:0.3s;
}

.card:hover{
transform:translateY(-10px);
background:linear-gradient(135deg,#00e0ff,#7c3aed);
color:#000;
}

.split{
display:flex;height:400px;
}

.left{
flex:1;padding:60px;
}

.right{
flex:1;
background:url('https://images.unsplash.com/photo-1519389950473-47ba0277781c') center/cover;
}

.contact{
padding:80px;text-align:center;
}

.map iframe{
width:100%;height:400px;border:0;
}

footer{
text-align:center;padding:20px;background:#020617;
}