.contact-hero{background:linear-gradient(135deg,var(--color-gray) 0%,var(--color-primary) 100%);color:var(--color-light);padding:var(--spacing-xl) 0 var(--spacing-xl);position:relative;overflow:hidden;font-family:var(--font-primary)}.contact-hero:before{content:"";position:absolute;top:-110px;left:0;right:0;bottom:0;background-image:url(/assets/contact-B2oxjcUw.webp);opacity:.3;pointer-events:none}.contact-hero-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--spacing-lg) 0}.contact-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-md);font-family:var(--font-secondary);animation:fadeInUp var(--transition-medium)}.contact-hero p{font-size:1.25rem;margin-bottom:var(--spacing-lg);opacity:.9;animation:fadeInUp var(--transition-medium) .2s both}.contact-info-section{padding:var(--spacing-xl) 0 var(--spacing-lg);background-color:var(--color-gray)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--spacing-lg)}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-primary);font-family:var(--font-secondary);animation:fadeInUp var(--transition-medium)}.section-header p{font-size:1.1rem;color:var(--color-gray-medium);line-height:1.6;font-family:var(--font-primary);animation:fadeInUp var(--transition-medium) .2s both}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.contact-info-card{background-color:var(--color-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg) var(--spacing-md);transition:all var(--transition-fast);border:1px solid var(--color-gray);position:relative;overflow:hidden;font-family:var(--font-primary);text-align:center}.contact-info-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:#5b52f033}.contact-info-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-fast)}.contact-info-card:hover:before{opacity:1}.info-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary);background:#5b52f00d;height:80px;width:80px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin:0 auto var(--spacing-md)}.contact-info-card:hover .info-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-light);transform:rotate(360deg)}.contact-info-card h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-dark);font-family:var(--font-secondary)}.info-details{margin-bottom:var(--spacing-md)}.info-details p{color:var(--color-gray-medium);margin-bottom:var(--spacing-xs);line-height:1.6}.info-action{display:inline-block;background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.contact-info-card:hover .info-action{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-light)}.contact-form-section{padding:var(--spacing-xl) 0;background-color:var(--color-light)}.contact-form-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start}.contact-form-container{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-gray)}.contact-form-container h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-family:var(--font-secondary)}.contact-form-container>p{margin-bottom:var(--spacing-lg);color:var(--color-gray-medium);line-height:1.6}.contact-form{max-width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-dark);font-weight:600;font-family:var(--font-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid #e0e0e0;border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-primary);transition:border-color var(--transition-fast);background-color:var(--color-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #5b52f01a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.875rem;margin-top:var(--spacing-xs);display:block}.form-success-message,.form-error-message{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-weight:600}.form-success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-light);border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);width:100%;font-family:var(--font-primary)}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-md)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-form-section .map-container{max-width:640px;margin:var(--spacing-xl) auto 0}.map-container{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-gray)}.map-container h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-primary);font-family:var(--font-secondary)}.map-wrapper{margin-bottom:var(--spacing-lg)}.map-placeholder{background-color:var(--color-gray);height:300px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-medium);border:2px dashed #ddd}.map-marker{font-size:2rem;color:var(--color-primary);margin-top:var(--spacing-sm)}.social-media h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-dark);font-family:var(--font-secondary)}.social-icons{display:flex;gap:var(--spacing-sm)}.social-icons a{width:50px;height:50px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-light);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all var(--transition-fast);text-decoration:none}.social-icons a:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--shadow-md)}.contact-faq-section{padding:var(--spacing-xl) 0;background-color:var(--color-gray)}.faq-list{max-width:900px;margin:0 auto}.faq-item{margin-bottom:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--color-light);box-shadow:var(--shadow-md);overflow:hidden}.faq-question{padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-fast);width:100%;background:transparent;border:none;text-align:left;font:inherit;color:inherit}.faq-question.active{background-color:var(--color-primary);color:var(--color-light)}.faq-question h3{font-size:1.1rem;font-weight:600;margin:0;font-family:var(--font-primary)}.faq-toggle{font-size:1.5rem;font-weight:700;transition:transform var(--transition-fast)}.faq-question.active .faq-toggle{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg);max-height:0;overflow:hidden;transition:all var(--transition-medium)}.faq-answer.open{padding:var(--spacing-md) var(--spacing-lg);max-height:300px}.faq-answer p{margin:0;color:var(--color-gray-medium);line-height:1.6}.contact-cta-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-light);position:relative;overflow:hidden}.contact-cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/pattern-dots.svg);opacity:.1;pointer-events:none}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);font-family:var(--font-secondary)}.cta-content p{font-size:1.2rem;margin-bottom:var(--spacing-lg);opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:var(--spacing-md)}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;text-align:center}.btn-primary{background-color:var(--color-primary);color:var(--color-light)}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn-outline{border:2px solid var(--color-light);color:var(--color-light);background:transparent}.btn-outline:hover{background-color:#ffffff1a;transform:translateY(-3px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.contact-hero h1{font-size:3rem}.section-header h2{font-size:2.2rem}.contact-form-wrapper{grid-template-columns:1fr;gap:var(--spacing-lg)}.contact-info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.contact-hero{padding:var(--spacing-xl) 0 var(--spacing-md)}.contact-hero h1{font-size:2.5rem}.section-header h2{font-size:2rem}.contact-info-section,.contact-form-section,.contact-faq-section,.contact-cta-section{padding:var(--spacing-lg) 0}.contact-form-container,.map-container{padding:var(--spacing-md)}.contact-form-container h2,.map-container h2{font-size:1.8rem}.cta-buttons{flex-direction:column;gap:var(--spacing-sm)}.social-icons{justify-content:center}}@media (max-width: 576px){.contact-hero h1{font-size:2rem}.contact-hero p{font-size:1rem}.section-header h2{font-size:1.8rem}.contact-info-card{padding:var(--spacing-md)}.info-icon{height:60px;width:60px;font-size:1.8rem}.contact-form-container h2,.map-container h2{font-size:1.6rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}.map-placeholder{height:250px}}.cf-card{max-width:640px;margin:0 auto;background:#fff;border:1px solid #e6e6ef;border-radius:16px;padding:32px;box-shadow:0 8px 24px #1414320f}.cf-card h2{font-size:1.75rem;font-weight:700;margin:0 0 8px;color:var(--color-dark, #1a1a2e)}.cf-intro{margin:0 0 24px;color:#5f6270;line-height:1.5}.cf-form{display:flex;flex-direction:column;gap:16px}.cf-field{display:flex;flex-direction:column;gap:6px}.cf-field label{font-weight:600;font-size:.95rem;color:#1f2030}.cf-field input,.cf-field select,.cf-field textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #d4d6e0;border-radius:10px;background:#fff;font:inherit;font-size:1rem;color:#1f2030;transition:border-color .15s,box-shadow .15s}.cf-field textarea{resize:vertical;min-height:130px}.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:none;border-color:#5b52f0;box-shadow:0 0 0 3px #5b52f04d}.cf-field [aria-invalid=true]{border-color:#d93a3a}.cf-error{color:#c62828;font-size:.875rem}.cf-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cf-submit{margin-top:4px;width:100%;padding:14px 20px;border:none;border-radius:10px;background:#5b52f0;color:#fff;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.cf-submit:hover:not(:disabled){background:#5a52e0}.cf-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #5b52f073}.cf-submit:disabled{opacity:.7;cursor:wait}.cf-status p{margin:0;padding:12px 14px;border-radius:10px;font-weight:500}.cf-success{background:#e8f6ec;color:#1b6b34}.cf-fail{background:#fdecec;color:#8a1f1f}.cf-fail a{color:inherit;text-decoration:underline}@media (max-width: 576px){.cf-card{padding:20px;border-radius:12px}}.cf-required{color:#e5484d;margin-left:.2em;font-weight:700}.cf-required-note{margin:0;font-size:.875rem;color:#5f6270}