:root{
    --primary:#0d6efd;
    --dark:#0d1b2a;
    --light:#f8fafc;
    --accent:#00c2ff;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family: 'Segoe UI', sans-serif;
    background:#f7f9fc;
    overflow-x:hidden;
}
.hero-section, .banner-area{
    position:relative;
    overflow:hidden;
}
.card, .service-item, .single-service, .feature-box{
    border:none !important;
    border-radius:18px !important;
    transition:all .3s ease;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}
.card:hover, .service-item:hover, .single-service:hover, .feature-box:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.15);
}
.btn, button{
    border-radius:40px !important;
    transition:all .3s ease;
}
.btn:hover, button:hover{
    transform:scale(1.03);
}
img{
    max-width:100%;
    height:auto;
}
.navbar, header{
    backdrop-filter: blur(10px);
}
section{
    padding-top:70px;
    padding-bottom:70px;
}
.fade-up{
    opacity:0;
    transform:translateY(30px);
    transition:all .7s ease;
}
.fade-up.visible{
    opacity:1;
    transform:translateY(0);
}
footer{
    background:#07111f !important;
    color:#fff;
}
a{
    text-decoration:none;
}
::-webkit-scrollbar{
    width:10px;
}
::-webkit-scrollbar-thumb{
    background:linear-gradient(var(--primary),var(--accent));
    border-radius:20px;
}