:root {
--primary: #1e88e5;
--primary-dark: #1565c0;
--primary-light: #64b5f6;
--secondary: #43a047;
--secondary-dark: #2e7d32;
--secondary-light: #81c784;
--accent: #ff9800;
--accent-dark: #f57c00;
--accent-light: #ffb74d;
--text-dark: #263238;
--text-light: #ecf0f1;
--background-light: #f8f9fa;
--background-dark: #263238;
--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));
--gradient-secondary: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
--gradient-accent: linear-gradient(135deg, var(--accent), var(--accent-dark));
--gradient-primary-secondary: linear-gradient(135deg, var(--primary), var(--secondary));
--gradient-primary-accent: linear-gradient(135deg, var(--primary), var(--accent));
--shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
--shadow-md: 0 6px 12px rgba(0, 0, 0, 0.08);
--shadow-lg: 0 15px 25px rgba(0, 0, 0, 0.1);
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 1rem;
--radius-xl: 2rem;
}

body {
font-family: 'Poppins', sans-serif;
color: var(--text-dark);
overflow-x: hidden;
position: relative;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}

.navbar {background-color: #9bc32c;backdrop-filter: blur(10px);box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;min-height: 100px;border-bottom: 4px solid white;}

.navbar-brand img {width: 100px;height: 100px;transition: all 0.3s ease;}
.navbar-brand {display: flex;align-items: center;gap: 10px;}

.brand-text {
font-size:xx-large;
}

.navbar-scrolled {
padding: 5px 0;
}

.navbar-scrolled .navbar-brand img {
width: 80px;
height: 80px;
}

.nav-link {
color: white;
font-weight: 600;
margin: 0 10px;
position: relative;
transition: all 0.3s ease;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.7);
font-size: 1.05rem;
letter-spacing: 0.5px;
}

.nav-link:hover {
color: #f0f8ff;
}

.nav-link::after {
content: '';
position: absolute;
width: 0;
height: 2px;
background-color: #f0f8ff;
bottom: 0;
left: 0;
transition: width 0.3s ease;
}

.nav-link:hover::after {
width: 100%;
}

.hero {
position: relative;
height: 100vh;
min-height: 600px;
background: linear-gradient(to right, rgba(41, 128, 185, 0.95), rgba(39, 60, 117, 0.9));
overflow: hidden;
}

.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' fill-opacity='0.08' d='M42.7,-75.2C53.9,-67.3,61.1,-53.1,68.1,-39.4C75.1,-25.7,82.1,-12.9,81.2,-0.5C80.3,11.9,71.6,23.7,62.9,34.6C54.1,45.4,45.3,55.1,34.5,61.6C23.7,68.1,11.9,71.3,-1.4,73.8C-14.8,76.3,-29.5,78.1,-41.7,72.7C-53.9,67.4,-63.6,54.8,-72.6,41.2C-81.7,27.6,-90.1,13.8,-88.6,0.9C-87.1,-12.1,-75.5,-24.1,-65.4,-35.4C-55.3,-46.7,-46.5,-57.3,-35.5,-65.1C-24.4,-73,-12.2,-78.2,1.5,-80.8C15.2,-83.4,30.5,-83.5,42.7,-75.2Z' transform='translate(100 100)'/%3E%3C/svg%3E");
animation: backgroundShift 20s infinite alternate ease-in-out;
}

.hero::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
opacity: 0.5;
}

@keyframes backgroundShift {
0% {
transform: scale(1) rotate(0deg);
opacity: 0.08;
}
50% {
transform: scale(1.5) rotate(5deg);
opacity: 0.05;
}
100% {
transform: scale(1.2) rotate(-5deg);
opacity: 0.08;
}
}

.hero-content {
position: relative;
z-index: 10;
color: var(--text-light);
}

.hero-title {
font-size: 3.5rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 1.5rem;
}

.hero-subtitle {
font-size: 1.5rem;
margin-bottom: 2rem;
}


.typed-cursor {
color: var(--accent);
}

.form-section {
position: relative;
z-index: 20;
max-width: 400px;
margin: 0 auto;
margin-top: 80px;
}

.form-card {
background-color: white;
border-radius: 15px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
overflow: hidden;
}

.form-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.form-header {
background: var(--gradient-primary-secondary);
color: white;
padding: 1rem;
text-align: center;
border-radius: 15px 15px 0 0;
position: relative;
overflow: hidden;
}

.form-header::before {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, 
rgba(255,255,255,0) 0%, 
rgba(255,255,255,0.07) 20%, 
rgba(255,255,255,0.25) 40%, 
rgba(255,255,255,0.25) 60%, 
rgba(255,255,255,0.07) 80%, 
rgba(255,255,255,0) 100%);
animation: kitt-scanner 3s infinite linear;
}

@keyframes kitt-scanner {
0% {
left: -150%;
}
50% {
left: 150%;
}
100% {
left: -150%;
}
}

.form-body {
padding: 1.5rem;
}

.form-control {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
padding: 0.6rem 0.8rem;
background-color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.8rem;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.form-control:focus {
background-color: white;
box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.2);
border-color: var(--primary);
}

.form-label {
font-weight: 500;
margin-bottom: 0.5rem;
}

.btn-register {
background: var(--gradient-primary-secondary);
border: none;
border-radius: 30px;
padding: 0.75rem 2rem;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(30, 136, 229, 0.4);
position: relative;
overflow: hidden;
z-index: 1;
color: white;
}

.btn-register::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
z-index: -1;
transition: left 0.5s ease;
}

.btn-register:hover::before {
left: 100%;
}

.btn-register:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(52, 152, 219, 0.6);
}

.btn-register:active {
transform: translateY(0);
}

.about-section {
background-color: var(--background-light);
position: relative;
overflow: hidden;
}

.about-card {
background-color: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
height: 100%;
overflow: hidden;
}

.about-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.about-card-header {
background: var(--gradient-primary-secondary);
color: white;
padding: 1.5rem;
text-align: center;
position: relative;
overflow: hidden;
border-radius: 15px 15px 0 0;
}

.about-card-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.2' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.about-card-body {
padding: 2rem;
}

.about-image {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 50%;
border: 5px solid white;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
margin: 0 auto 1.5rem;
display: block;
}

.feature-icon {
width: 80px;
height: 80px;
background: var(--gradient-primary-secondary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
box-shadow: 0 8px 20px rgba(30, 136, 229, 0.4);
position: relative;
overflow: hidden;
}

.feature-icon::after {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
opacity: 0;
transition: opacity 0.3s ease;
}

.feature-card:hover .feature-icon::after {
opacity: 1;
}

.feature-card {
background-color: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 2rem;
transition: all 0.3s ease;
height: 100%;
text-align: center;
}

.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.services-section {
background-color: white;
position: relative;
overflow: hidden;
}

.services-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233498db' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.service-card {
background-color: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 2rem;
transition: all 0.3s ease;
height: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}

.service-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: var(--gradient-primary-secondary);
z-index: -1;
}

.service-card::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 80px;
height: 80px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231e88e5' fill-opacity='0.05' d='M46.5,-78.3C59.9,-71.9,70.3,-59.2,79.1,-45.2C87.9,-31.1,95.1,-15.6,93.2,-1.1C91.3,13.3,80.2,26.5,70.4,39.9C60.5,53.2,51.8,66.6,39.7,75.4C27.6,84.3,13.8,88.7,-0.1,88.8C-14,89,-28,85,-41.3,77.5C-54.5,70.1,-67.1,59.1,-73.3,45.4C-79.6,31.7,-79.5,15.8,-79.1,0.3C-78.6,-15.3,-77.8,-30.6,-70.7,-42.6C-63.6,-54.5,-50.2,-63.1,-36.7,-69.4C-23.3,-75.6,-11.6,-79.4,1.6,-82C14.9,-84.6,29.8,-85.8,46.5,-78.3Z' transform='translate(100 100)'/%3E%3C/svg%3E") no-repeat center/contain;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}

.service-card:hover::after {
opacity: 1;
}

.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.service-icon {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 1.5rem;
}

.testimonials-section {
background-color: var(--background-light);
position: relative;
overflow: hidden;
}

.testimonial-card {
background-color: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
padding: 2rem;
transition: all 0.3s ease;
position: relative;
margin-top: 3rem;
}

.testimonial-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.testimonial-image {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
border: 5px solid white;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.quote-icon {
font-size: 3rem;
color: var(--primary);
opacity: 0.1;
position: absolute;
top: 1rem;
left: 1rem;
}

.accordion-item {
overflow: hidden;
transition: all 0.3s ease;
margin-bottom: 1rem;
}

.accordion-button {
background-color: white;
box-shadow: none;
padding: 1.25rem;
font-weight: 600;
font-size: 1.1rem;
color: var(--text-dark);
border: none;
}

.accordion-button:not(.collapsed) {
color: var(--primary);
background-color: rgba(30, 136, 229, 0.05);
box-shadow: none;
}

.accordion-button:focus {
box-shadow: none;
border-color: rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231e88e5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
transform: rotate(-180deg);
}

.accordion-body {
padding: 1.25rem;
background-color: white;
}

.stats-section {
background: var(--gradient-primary-secondary);
color: white;
position: relative;
overflow: hidden;
}

.stats-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.stat-number {
 font-size: 3rem;
 font-weight: 700;
 margin-bottom: 0.5rem;
 background: linear-gradient(135deg, white, rgba(255, 255, 255, 0.7));
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 display: inline-block;
}

.stat-number span {
 font-size: 2.5rem;
 background: linear-gradient(135deg, var(--accent-light), var(--accent));
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
 margin-left: 2px;
}

.stat-text {
font-size: 1.2rem;
opacity: 0.9;
}

.contact-section {
background-color: white;
position: relative;
overflow: hidden;
}

.contact-info-card {
background-color: var(--primary);
color: white;
border-radius: 15px;
padding: 2rem;
height: 100%;
position: relative;
overflow: hidden;
box-shadow: 0 10px 30px rgba(52, 152, 219, 0.3);
}

.contact-info-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
 pointer-events: none;
 z-index: 0;
}

.contact-icon {
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
font-size: 1.5rem;
transition: all 0.3s ease;
}

/* İletişim kartında metin seçimi ve tıklanabilirlik */
.contact-info-card { user-select: text; }
.contact-info a { text-decoration: none; }

.contact-info:hover .contact-icon {
transform: scale(1.1);
background-color: rgba(255, 255, 255, 0.3);
}

.contact-form-container {
background: var(--gradient-primary-secondary);
border-radius: 15px;
padding: 3px;
}

.contact-form-inner {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 13px;
padding: 2rem;
}

.footer {
background-color: var(--background-dark);
color: var(--text-light);
position: relative;
}

.footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: var(--gradient-primary-secondary);
}

.footer-link {
color: var(--text-light);
transition: all 0.3s ease;
text-decoration: none;
}

.footer-link:hover {
color: var(--accent);
}

.social-icon {
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0.5rem;
transition: all 0.3s ease;
color: var(--text-light);
text-decoration: none;
}

.social-icon:hover {
background-color: var(--primary);
color: white;
transform: translateY(-3px);
}

.scroll-top-btn {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background: var(--gradient-primary);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 999;
box-shadow: 0 8px 20px rgba(30, 136, 229, 0.4);
overflow: hidden;
}

.scroll-top-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
transition: left 0.5s ease;
}

.scroll-top-btn:hover::before {
left: 100%;
}

.scroll-top-btn.active {
opacity: 1;
visibility: visible;
}

.scroll-top-btn:hover {
background-color: var(--primary-dark);
transform: translateY(-3px);
}

.floating-cta {
position: fixed;
bottom: 20px;
left: 20px;
background: var(--gradient-primary-secondary);
color: white;
border-radius: 30px;
padding: 0.75rem 1.5rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
z-index: 999;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
overflow: hidden;
}

.floating-cta::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%);
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.3s ease;
}

.floating-cta:hover::before {
opacity: 1;
}

.floating-cta:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.cta-icon {
margin-right: 0.5rem;
animation: pulse 2s infinite;
}

@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

.reveal-title {
position: relative;
overflow: hidden;
}

.reveal-title::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
background-color: var(--primary);
animation: revealText 1s ease forwards;
}

@keyframes revealText {
0% {
left: 0;
width: 0%;
}
50% {
left: 0;
width: 100%;
}
100% {
left: 100%;
width: 0%;
}
}

@media (max-width: 992px) {
.hero-title {
font-size: 2.5rem;
}
.hero-subtitle {
font-size: 1.2rem;
}
.form-section {
margin-top: 2rem;
}
}

@media (max-width: 768px) {
.hero {
height: auto;
padding: 6rem 0;
}
.hero-content {margin-top: 64px; padding-left: 16px; padding-right: 16px;}
.hero-cta {display: none;}
.hero-title {
font-size: 2rem;
}
.stat-number {
font-size: 2.5rem;
}
}

@media (max-width: 576px) {
.hero-title {
font-size: 1.8rem;
}
.hero-subtitle {
font-size: 1rem;
}
.hero-content {margin-top: 72px;}
.form-card {
margin: 1rem;
}
}

.gallery-section {
background-color: var(--background-light);
position: relative;
}

.gallery-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231e88e5' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
z-index: 0;
}

.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 15px;
position: relative;
z-index: 1;
}

.gallery-item {
position: relative;
height: 250px;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.3s ease;
}

.gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}

.gallery-item:hover img {
transform: scale(1.05);
}

.gallery-item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 40%);
opacity: 0;
transition: opacity 0.3s ease;
}

.gallery-item:hover::after {
opacity: 1;
}

.lightbox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}

.lightbox-container.active {
opacity: 1;
visibility: visible;
}

.lightbox-content {
position: relative;
max-width: 90%;
max-height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}

.lightbox-image {
max-width: 100%;
max-height: 80vh;
object-fit: contain;
border-radius: 5px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25);
}

.lightbox-close, .lightbox-prev, .lightbox-next {
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
cursor: pointer;
transition: all 0.3s ease;
position: absolute;
}

.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover {
background-color: rgba(30, 136, 229, 0.8);
transform: scale(1.1);
}

.lightbox-close {
top: -25px;
right: -25px;
}

.lightbox-prev {
left: -60px;
}

.lightbox-next {
right: -60px;
}

.lightbox-counter {
position: absolute;
bottom: 20px;
color: white;
font-size: 14px;
padding: 5px 15px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 20px;
}

@media (max-width: 768px) {
.gallery-grid {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
grid-gap: 10px;
}

.gallery-item {
height: 150px;
}

.lightbox-prev, .lightbox-next {
width: 40px;
height: 40px;
font-size: 18px;
}

.lightbox-prev {
left: 10px;
}

.lightbox-next {
right: 10px;
}

.lightbox-close {
top: 10px;
right: 10px;
}
}