body{
font-family:'Poppins',sans-serif;
color:#111;
background:#ffffff;
scroll-behavior:smooth;
}

/* glass */
.glass{
background:rgba(255,255,255,0.85);
backdrop-filter:blur(10px);
border:1px solid rgba(0,0,0,0.08);
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* navbar */
.navbar{
background:#ffffff;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}
.custom-toggler{
filter: invert(1);
}
.navbar-brand{
font-weight:700;
color:#111;
}

.nav-link{
color:#333!important;
margin-left:15px;
}

.nav-link:hover{
color:#2563eb!important;
}

/* hero */
.hero{
min-height:90vh;
display:flex;
align-items:center;
text-align:center;
background:#f8fafc;
}

/* professional button */
.glow-btn{
background:#111;
border:none;
padding:14px 32px;
border-radius:30px;
color:white;
font-weight:600;
transition:.3s;
}

.glow-btn:hover{
background:#2563eb;
transform:scale(1.05);
}

/* cards */
.service-card{
padding:35px;
text-align:center;
transition:.3s;
background:#ffffff;
border-radius:16px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.service-card i{
font-size:35px;
margin-bottom:15px;
color:#2563eb;
}

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

/* counter */
.counter{
font-size:40px;
font-weight:700;
color:#111;
}

/* pricing */
.price-card{
padding:40px;
text-align:center;
transition:.3s;
background:#ffffff;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.price-card:hover{
transform:translateY(-10px);
box-shadow:0 15px 35px rgba(0,0,0,0.12);
}

.price{
font-size:42px;
font-weight:700;
margin:20px 0;
color:#111;
}

.price-list{
list-style:none;
padding:0;
margin:20px 0;
}

.price-list li{
margin:10px 0;
color:#444;
}

/* featured plan */
.featured{
border:2px solid #2563eb;
transform:scale(1.05);
}

/* badge */
.badge-popular{
position:absolute;
top:-12px;
left:50%;
transform:translateX(-50%);
background:#2563eb;
padding:6px 14px;
border-radius:20px;
font-size:12px;
font-weight:600;
color:white;
}

/* reveal animation */
.reveal{
opacity:0;
transform:translateY(40px);
transition:0.8s;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

/* projects */
.project-card{
transition:0.3s;
background:#ffffff;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

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

/* footer */
.footer{
padding:60px 0;
margin-top:100px;
background:#111;
color:white;
}

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin:8px 0;
}

.footer-links a{
color:white;
text-decoration:none;
opacity:0.85;
}

.footer-links a:hover{
opacity:1;
text-decoration:underline;
}

.social-icons a{
color:white;
font-size:18px;
margin-right:10px;
transition:0.3s;
}

.social-icons a:hover{
color:#2563eb;
}

/* whatsapp */
.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
padding:16px 18px;
border-radius:50%;
color:white;
font-size:22px;
text-decoration:none;
box-shadow:0 0 15px rgba(0,0,0,0.25);
}

/* loader */
#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background:white;
display:flex;
justify-content:center;
align-items:center;
z-index:9999;
flex-direction:column;
}

.spinner{
width:60px;
height:60px;
border:5px solid rgba(0,0,0,0.1);
border-top:5px solid #111;
border-radius:50%;
animation:spin 1s linear infinite;
margin-bottom:20px;
}

@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

section{
padding:100px 0;
}