.contact-hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1497366216548-37526070297c?w=1600) center/cover;color:#fff;padding:var(--spacing-xxl) 0;text-align:center;height:60vh;display:flex;flex-direction:column;justify-content:center}.contact-hero h1{font-size:var(--fs-xxlarge);margin-bottom:var(--spacing-sm);color:#fff;margin-top:100px}.contact-hero p{font-size:var(--fs-medium);max-width:600px;margin:0 auto}.contact-info-section{padding:var(--spacing-xxl) 0}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.contact-info-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition-normal)}.contact-info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.contact-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal)}.contact-info-card:hover .contact-icon{background:var(--primary-color)}.contact-icon i{font-size:32px;color:var(--primary-color);transition:var(--transition-normal)}.contact-info-card:hover .contact-icon i{color:#fff}.contact-info-card h3{font-size:var(--fs-large);margin-bottom:var(--spacing-sm);color:var(--text-dark)}.contact-info-card p{color:var(--text-light);font-size:var(--fs-small);line-height:1.8}.contact-info-card a{color:var(--primary-color);text-decoration:none;font-weight:500}.contact-info-card a:hover{text-decoration:underline}.contact-form-section{background:var(--background-gray);padding:var(--spacing-xxl) 0}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.form-side{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-side h2{font-size:var(--fs-xxlarge);margin-bottom:var(--spacing-sm);color:var(--text-dark)}.form-side>p{color:var(--text-light);margin-bottom:var(--spacing-lg);line-height:1.8}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.contact-form textarea{min-height:150px}.contact-form .btn{width:100%}.info-side{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-box{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.info-box h3{font-size:var(--fs-large);margin-bottom:var(--spacing-md);color:var(--text-dark);display:flex;align-items:center;gap:var(--spacing-sm)}.info-box h3 i{color:var(--primary-color)}.info-list{list-style:none}.info-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-sm)}.info-list li:last-child{border-bottom:none}.info-list li i{color:var(--primary-color);width:20px}.info-list li span{color:var(--text-light);font-size:var(--fs-small)}.social-box{background:var(--primary-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;color:#fff}.social-box h3{font-size:var(--fs-large);margin-bottom:var(--spacing-md);color:#fff}.social-box p{margin-bottom:var(--spacing-md);font-size:var(--fs-small)}.social-links-large{display:flex;justify-content:center;gap:var(--spacing-md)}.social-links-large a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;color:#fff;font-size:20px;transition:var(--transition-normal)}.social-links-large a:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px)}.map-section{padding:0;margin:0}.map-container{width:100%;height:450px;background:var(--background-gray);position:relative}.map-container iframe{width:100%;height:100%;border:none}.map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-md);color:var(--text-muted)}.map-placeholder i{font-size:48px;color:var(--primary-color)}.faq-section{padding:var(--spacing-xxl) 0}.faq-header{text-align:center;margin-bottom:var(--spacing-xl)}.faq-header h2{font-size:var(--fs-xxlarge);margin-bottom:var(--spacing-sm)}.faq-header p{color:var(--text-light)}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);overflow:hidden}.faq-question{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border:none;text-align:left;font-size:var(--fs-medium);font-weight:600;color:var(--text-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition-fast)}.faq-question:hover{background:var(--background-gray)}.faq-question i{color:var(--primary-color);transition:var(--transition-fast)}.faq-question.active i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-answer.active{max-height:500px}.faq-answer-content{padding:0 var(--spacing-lg) var(--spacing-lg);color:var(--text-light);line-height:1.8}@media(max-width:992px){.contact-container{grid-template-columns:1fr}.info-side{order:-1}}@media(max-width:768px){.contact-info-grid,.contact-form .form-row{grid-template-columns:1fr}.map-container{height:350px}}@media(max-width:576px){.contact-hero{padding:var(--spacing-xl) 0}.contact-hero h1{font-size:var(--fs-xlarge)}.form-side,.info-box,.social-box{padding:var(--spacing-md)}.contact-icon{width:60px;height:60px}.contact-icon i{font-size:24px}.faq-question{font-size:var(--fs-regular);padding:var(--spacing-sm) var(--spacing-md)}.faq-answer-content{padding:0 var(--spacing-md) var(--spacing-md)}}