body {
    background:#0f172a;
    color:#fff;
    font-family:Poppins,sans-serif;
}

.glass-nav {
    backdrop-filter:blur(10px);
    background:rgba(0,0,0,0.4);
}

.hero-slide {
    height:100vh;
    background-size:cover;
    background-position:center;
    position:relative;
}

.overlay {
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}

.hero-content {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:5;
}

.btn-gradient {
    background:linear-gradient(45deg,#6366f1,#8b5cf6);
    border:none;
    color:#fff;
    padding:12px 30px;
}

.blog-card {
    background:#1e293b;
    border:none;
    transition:0.4s;
}

.blog-card:hover {
    transform:translateY(-10px);
}

.footer {
    background:#020617;
}

.social-links a {
    color:#fff;
    margin:0 10px;
    font-size:22px;
}