﻿
:root{
 --primary:#7B0F75;
 --blue:#0F8FD8;
 --green:#18A64A;
 --orange:#FF9800;
 --pink:#E91E63;
 --dark:#1f2937;
 --light:#f8fafc;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--light);color:#333}
.navbar{transition:.4s;padding:12px 0}
.navbar .nav-link{font-weight:600;margin-left:18px;position:relative}
.navbar .nav-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:3px;background:var(--primary);transition:.3s}
.navbar .nav-link:hover:after{width:100%}
.btn-primary-custom{background:var(--primary);color:#fff;padding:12px 28px;border-radius:40px;text-decoration:none;transition:.3s}
.btn-primary-custom:hover{transform:translateY(-3px);background:#620b5e}
.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#ffffff,#eef5ff)}
.hero h1{font-size:3.5rem;font-weight:700;color:var(--dark)}
.hero p{font-size:1.15rem;color:#666}
.section{padding:90px 0}
.section-title{text-align:center;margin-bottom:60px}
.section-title h2{font-weight:700;color:var(--dark)}
.card-custom{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 35px rgba(0,0,0,.08);transition:.35s;padding:30px;height:100%}
.card-custom:hover{transform:translateY(-10px)}
.project-card img,.gallery img{width:100%;border-radius:15px}
.project-card img{height:220px;object-fit:cover}
.gallery img{height:260px;object-fit:cover;transition:.5s}
.gallery-item{overflow:hidden;border-radius:18px}
.gallery-item:hover img{transform:scale(1.12)}
.counter{background:var(--primary);color:#fff;border-radius:20px;padding:35px;text-align:center}
.counter h2{font-size:3rem}
footer{background:#111827;color:#fff}
footer a{color:#ddd;text-decoration:none}
footer a:hover{color:#fff}
@media(max-width:991px){
.hero{text-align:center;padding-top:120px}
.hero h1{font-size:2.5rem}
}
@media(max-width:576px){
.hero h1{font-size:2rem}
.section{padding:60px 0}
.navbar-brand img{height:50px}
}
