* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
} 

body { 
font-family: 'Segoe UI', sans-serif; 
line-height: 1.6; 
background: #f4f7fa; 
color: #333; 
} 

/* HEADER */ 
.header { 
background: linear-gradient(to right, #004e92, #000428); 
text-align: center; 
color: #fff; 
padding: 40px 20px; 
} 

.logo { 
width: 100px; 
margin-bottom: 10px; 
animation: logoFadeIn 1.5s ease-out; 
} 

@keyframes logoFadeIn { 
from { 
opacity: 0; 
transform: scale(0.8); 
} 
to { 
opacity: 1; 
transform: scale(1); 
} 
} 

/* INTRO */ 
.intro { 
padding: 40px 20px; 
text-align: center; 
background-color: #ffffff; 
} 

.intro h2 { 
color: #004e92; 
margin-bottom: 10px; 
} 

/* SERVICES SECTION */ 
.services { 
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
gap: 30px; 
padding: 50px 20px; 
} 

.service-card { 
background: #fff; 
padding: 25px; 
border-left: 4px solid #004e92; 
box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
transition: transform 0.3s ease; 
} 

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

.service-card h3 { 
margin-bottom: 10px; 
color: #004e92; 
} 

/* CTA SECTION */ 
.cta { 
background: #004e92; 
color: #fff; 
text-align: center; 
padding: 50px 20px; 
} 

.button { 
display: inline-block; 
margin-top: 20px; 
padding: 12px 28px; 
background: #ffffff; 
color: #004e92; 
font-weight: bold; 
text-decoration: none; 
border-radius: 5px; 
transition: background 0.3s ease, transform 0.3s ease; 
} 

.button:hover { 
background: #e3e8f0; 
transform: scale(1.05); 
} 

/* FOOTER */ 
.footer { 
text-align: center; 
padding: 20px; 
background: #e3e8f0; 
font-size: 0.9rem; 
} 

.footer a { 
color: #004e92; 
text-decoration: none; 
} 

@media (max-width: 600px) { 
.header h1 { 
font-size: 1.8rem; 
} 

.intro h2, .cta h2 { 
font-size: 1.5rem; 
} 

.service-card { 
padding: 20px; 
} 

.contact-form { 
padding: 50px 20px; 
background-color: #ffffff; 
text-align: center; 
} 

.contact-form h2 { 
color: #004e92; 
margin-bottom: 10px; 
} 

.contact-form p { 
margin-bottom: 30px; 
color: #555; 
} 

.contact-form form { 
max-width: 600px; 
margin: 0 auto; 
display: flex; 
flex-direction: column; 
gap: 20px; 
} 

.contact-form input, 
.contact-form textarea { 
padding: 12px; 
border: 1px solid #ccc; 
border-radius: 4px; 
font-size: 1rem; 
width: 100%; 
} 

.contact-form button { 
padding: 12px; 
border: none; 
border-radius: 4px; 
background-color: #004e92; 
color: #fff; 
font-size: 1rem; 
cursor: pointer; 
transition: background 0.3s ease; 
} 

.contact-form button:hover { 
background-color: #003974; 
} 


} 

.g-recaptcha {
  margin: 20px auto;
  display: flex;
  justify-content: center;
}

/* Base Glow Effect (Gold) */
.glow-gold img {
transition: filter 0.4s ease;
}

@media (hover: hover) { /* Only applies to devices with hover support */
.glow-gold:hover img {
filter: 
drop-shadow(0 0 12px rgba(212, 180, 131, 0.7))
brightness(1.08);
}
}

/* Pulsing Glow (With Mobile Fallback) */
.glow-pulse img {
animation: pulse-slow 4s infinite; /* Subtle pulse for all devices */
}

@media (hover: hover) {
.glow-pulse:hover img {
animation: pulse-fast 1.5s infinite; /* Faster pulse on hover */
}
}

@keyframes pulse-slow { /* Always visible on mobile */
0%, 100% { filter: drop-shadow(0 0 5px rgba(164, 123, 90, 0.2)); }
50% { filter: drop-shadow(0 0 10px rgba(164, 123, 90, 0.4)); }
}

@keyframes pulse-fast { /* Hover-only enhancement */
0%, 100% { filter: drop-shadow(0 0 10px rgba(212, 180, 131, 0.6)); }
50% { filter: drop-shadow(0 0 20px rgba(212, 180, 131, 0.9)); }
}

/* Neon Border (Mobile-Tappable) */
.glow-neon {
position: relative;
display: inline-block;
}

.glow-neon:active img { /* Tap feedback for mobile */
filter: brightness(1.05);
}

@media (hover: hover) {
.glow-neon::after {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
border: 2px solid transparent;
border-radius: 4px;
transition: all 0.3s ease;
}

.glow-neon:hover::after {
border-color: #d4b483;
box-shadow: 
0 0 10px #d4b483,
0 0 20px rgba(212, 180, 131, 0.5);
}
}