body{

font-family:Inter,sans-serif;
background:#f8fafc;
color:#333;

}

h1,h2,h3,h4,h5{

font-family:Poppins,sans-serif;
font-weight:700;

}

.navbar-brand{

letter-spacing:2px;

}

.logo{
    height:60px;
    width:auto;
    transition:0.3s;
}

.logo:hover{
    transform:scale(1.05);
}


.hero{

padding:90px 0;

}

.hero h1{

font-size:55px;
line-height:1.2;

}

.hero p{

font-size:18px;
color:#666;

}

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-buttons .btn{
    padding:14px 30px;
    border-radius:50px;
    font-weight:600;
}

@media (max-width:768px){

    .hero-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .hero-buttons .btn{
        width:100%;
    }

}





.category-card{

background:#fff;
padding:35px 20px;
border-radius:18px;
text-align:center;
transition:.3s;
box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.category-card:hover{

transform:translateY(-8px);

}

.category-card i{

font-size:45px;
color:#0d6efd;
margin-bottom:15px;

}

footer{

margin-top:80px;

}

@media(max-width:768px){

.hero{

text-align:center;
padding:60px 0;

}

.hero h1{

font-size:38px;

}

}