.contact-us{min-height:100vh;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:40px 20px}.contact-us .container{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.contact-us .container .hero-section{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:60px 40px;text-align:center;position:relative}.contact-us .container .hero-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.1}.contact-us .container .hero-section h1{font-size:42px;font-weight:700;margin-bottom:15px;letter-spacing:-1px;position:relative;z-index:1}.contact-us .container .hero-section .hero-subtitle{font-size:20px;opacity:.9;margin:0;position:relative;z-index:1}.contact-us .container .contact-methods{padding:60px 40px}.contact-us .container .contact-methods h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:32px;text-align:center}.contact-us .container .contact-methods .methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.contact-us .container .contact-methods .methods-grid .method-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:28px;border-radius:12px;text-align:center;border:1px solid #10b981;transition:all .3s ease}.contact-us .container .contact-methods .methods-grid .method-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #10b98126}.contact-us .container .contact-methods .methods-grid .method-card .method-icon{font-size:48px;margin-bottom:16px;display:block}.contact-us .container .contact-methods .methods-grid .method-card h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.contact-us .container .contact-methods .methods-grid .method-card .method-details{font-size:16px;font-weight:600;color:#10b981;margin-bottom:8px}.contact-us .container .contact-methods .methods-grid .method-card .method-description{font-size:14px;color:#6b7280;margin-bottom:12px}.contact-us .container .contact-methods .methods-grid .method-card .method-availability{font-size:12px;color:#059669;font-weight:500;background:#10b9811a;padding:4px 8px;border-radius:12px}.contact-us .container .contact-form-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:60px 40px}.contact-us .container .contact-form-section h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:32px;text-align:center}.contact-us .container .contact-form-section .form-container{display:grid;grid-template-columns:2fr 1fr;gap:40px;max-width:1000px;margin:0 auto}.contact-us .container .contact-form-section .form-container .contact-form{background:#fff;padding:32px;border-radius:12px;border:1px solid #e5e7eb}.contact-us .container .contact-form-section .form-container .contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.contact-us .container .contact-form-section .form-container .contact-form .form-group{margin-bottom:20px}.contact-us .container .contact-form-section .form-container .contact-form .form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.contact-us .container .contact-form-section .form-container .contact-form .form-group input,.contact-us .container .contact-form-section .form-container .contact-form .form-group select,.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:all .3s ease;resize:vertical}.contact-us .container .contact-form-section .form-container .contact-form .form-group input:focus,.contact-us .container .contact-form-section .form-container .contact-form .form-group select:focus,.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.contact-us .container .contact-form-section .form-container .contact-form .form-group input::placeholder,.contact-us .container .contact-form-section .form-container .contact-form .form-group select::placeholder,.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea::placeholder{color:#9ca3af}.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea{min-height:120px}.contact-us .container .contact-form-section .form-container .contact-form .submit-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 24px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.contact-us .container .contact-form-section .form-container .contact-form .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #10b9814d}.contact-us .container .contact-form-section .form-container .contact-form .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time,.contact-us .container .contact-form-section .form-container .form-sidebar .tips{background:#fff;padding:24px;border-radius:12px;border-left:4px solid #10b981;margin-bottom:20px}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time h3,.contact-us .container .contact-form-section .form-container .form-sidebar .tips h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time ul,.contact-us .container .contact-form-section .form-container .form-sidebar .tips ul{margin:0;padding-left:20px}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time ul li,.contact-us .container .contact-form-section .form-container .form-sidebar .tips ul li{font-size:14px;color:#6b7280;margin-bottom:8px;line-height:1.5}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time ul li strong,.contact-us .container .contact-form-section .form-container .form-sidebar .tips ul li strong{color:#10b981;font-weight:600}.contact-us .container .departments-section{padding:60px 40px}.contact-us .container .departments-section h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:32px;text-align:center}.contact-us .container .departments-section .departments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-us .container .departments-section .departments-grid .department-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:24px;border-radius:12px;border-left:4px solid #10b981;transition:all .3s ease}.contact-us .container .departments-section .departments-grid .department-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9811a}.contact-us .container .departments-section .departments-grid .department-card h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:8px}.contact-us .container .departments-section .departments-grid .department-card .department-email{font-size:14px;font-weight:600;color:#10b981;margin-bottom:12px}.contact-us .container .departments-section .departments-grid .department-card p{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.contact-us .container .faq-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:60px 40px}.contact-us .container .faq-section h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:32px;text-align:center}.contact-us .container .faq-section .faq-grid{display:grid;gap:20px;max-width:800px;margin:0 auto}.contact-us .container .faq-section .faq-grid .faq-item{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb}.contact-us .container .faq-section .faq-grid .faq-item h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px}.contact-us .container .faq-section .faq-grid .faq-item p{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.contact-us .container .office-section{padding:60px 40px}.contact-us .container .office-section h2{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:32px;text-align:center}.contact-us .container .office-section .office-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}.contact-us .container .office-section .office-content .office-details h3{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:20px}.contact-us .container .office-section .office-content .office-details .address{margin-bottom:24px}.contact-us .container .office-section .office-content .office-details .address p{font-size:14px;color:#6b7280;margin:4px 0}.contact-us .container .office-section .office-content .office-details .office-hours,.contact-us .container .office-section .office-content .office-details .directions{margin-bottom:24px}.contact-us .container .office-section .office-content .office-details .office-hours h4,.contact-us .container .office-section .office-content .office-details .directions h4{font-size:16px;font-weight:600;color:#374151;margin-bottom:8px}.contact-us .container .office-section .office-content .office-details .office-hours p,.contact-us .container .office-section .office-content .office-details .directions p{font-size:14px;color:#6b7280;margin:4px 0}.contact-us .container .office-section .office-content .office-details .office-hours ul,.contact-us .container .office-section .office-content .office-details .directions ul{margin:8px 0 0;padding-left:20px}.contact-us .container .office-section .office-content .office-details .office-hours ul li,.contact-us .container .office-section .office-content .office-details .directions ul li{font-size:14px;color:#6b7280;margin-bottom:4px}.contact-us .container .office-section .office-content .office-map .map-placeholder{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px dashed #10b981;border-radius:12px;padding:60px 20px;text-align:center;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-us .container .office-section .office-content .office-map .map-placeholder p{font-size:18px;color:#6b7280;margin-bottom:16px}.contact-us .container .office-section .office-content .office-map .map-placeholder .maps-link{color:#10b981;text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;border:1px solid #10b981;border-radius:6px;transition:all .3s ease}.contact-us .container .office-section .office-content .office-map .map-placeholder .maps-link:hover{background:#10b981;color:#fff}.contact-us .container .footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:32px 40px;border-top:1px solid #e2e8f0}.contact-us .container .footer .actions{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.contact-us .container .footer .actions .link-btn{background:#fff;color:#10b981;border:2px solid #10b981;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.contact-us .container .footer .actions .link-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#10b981,#059669);transition:left .3s ease;z-index:-1}.contact-us .container .footer .actions .link-btn:hover{color:#fff;transform:translateY(-1px)}.contact-us .container .footer .actions .link-btn:hover:before{left:0}.contact-us .container .footer .actions .primary-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #10b98133}.contact-us .container .footer .actions .primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #10b9814d}.contact-us .container .footer .back-home{text-align:center}.contact-us .container .footer .back-home a{color:#6b7280;text-decoration:none;font-size:14px;transition:all .3s ease;position:relative}.contact-us .container .footer .back-home a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#10b981;transition:width .3s ease}.contact-us .container .footer .back-home a:hover{color:#374151}.contact-us .container .footer .back-home a:hover:after{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-us .container{animation:fadeIn .6s ease-out}.contact-us .method-card,.contact-us .department-card,.contact-us .faq-item{animation:fadeIn .6s ease-out;animation-fill-mode:both}.contact-us .method-card:nth-child(1),.contact-us .department-card:nth-child(1),.contact-us .faq-item:nth-child(1){animation-delay:.1s}.contact-us .method-card:nth-child(2),.contact-us .department-card:nth-child(2),.contact-us .faq-item:nth-child(2){animation-delay:.2s}.contact-us .method-card:nth-child(3),.contact-us .department-card:nth-child(3),.contact-us .faq-item:nth-child(3){animation-delay:.3s}.contact-us .method-card:nth-child(4),.contact-us .department-card:nth-child(4),.contact-us .faq-item:nth-child(4){animation-delay:.4s}@media (max-width: 1024px){.contact-us .container .contact-form-section .form-container{grid-template-columns:1fr;gap:30px}.contact-us .container .contact-form-section .form-container .form-sidebar{order:-1}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time,.contact-us .container .contact-form-section .form-container .form-sidebar .tips{display:inline-block;width:calc(50% - 10px);margin-right:20px;margin-bottom:0}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time:last-child,.contact-us .container .contact-form-section .form-container .form-sidebar .tips:last-child{margin-right:0}.contact-us .container .office-section .office-content{grid-template-columns:1fr;gap:30px}}@media (max-width: 768px){.contact-us{padding:20px 10px}.contact-us .container .hero-section{padding:40px 20px}.contact-us .container .hero-section h1{font-size:32px}.contact-us .container .hero-section .hero-subtitle{font-size:18px}.contact-us .container .contact-methods,.contact-us .container .contact-form-section,.contact-us .container .departments-section,.contact-us .container .faq-section,.contact-us .container .office-section{padding:40px 20px}.contact-us .container .contact-methods h2,.contact-us .container .departments-section h2,.contact-us .container .faq-section h2,.contact-us .container .office-section h2{font-size:24px}.contact-us .container .contact-methods .methods-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.contact-us .container .contact-form-section .form-container .contact-form{padding:24px}.contact-us .container .contact-form-section .form-container .contact-form .form-row{grid-template-columns:1fr;gap:0}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time,.contact-us .container .contact-form-section .form-container .form-sidebar .tips{width:100%;margin-right:0;margin-bottom:20px}.contact-us .container .departments-section .departments-grid{grid-template-columns:1fr;gap:20px}.contact-us .container .footer{padding:24px 20px}.contact-us .container .footer .actions{flex-direction:column;align-items:center}.contact-us .container .footer .actions .link-btn,.contact-us .container .footer .actions .primary-btn{width:100%;max-width:250px;text-align:center}}@media (max-width: 480px){.contact-us .container .hero-section h1{font-size:26px}.contact-us .container .hero-section .hero-subtitle{font-size:16px}.contact-us .container .contact-methods .methods-grid{grid-template-columns:1fr}.contact-us .container .contact-methods .methods-grid .method-card{padding:20px}.contact-us .container .contact-methods .methods-grid .method-card .method-icon{font-size:36px}.contact-us .container .contact-form-section .form-container .contact-form{padding:20px}.contact-us .container .contact-form-section .form-container .contact-form .form-group input,.contact-us .container .contact-form-section .form-container .contact-form .form-group select,.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea{padding:10px 12px;font-size:14px}.contact-us .container .contact-form-section .form-container .contact-form .submit-btn{padding:12px 20px;font-size:14px}.contact-us .container .departments-section .departments-grid .department-card{padding:20px}.contact-us .container .office-section .office-content .office-map .map-placeholder{padding:40px 15px;height:200px}.contact-us .container .office-section .office-content .office-map .map-placeholder p{font-size:16px}}@media (prefers-reduced-motion: reduce){.contact-us .container,.contact-us .method-card,.contact-us .department-card,.contact-us .faq-item{animation:none}.contact-us .method-card,.contact-us .department-card,.contact-us .submit-btn,.contact-us .link-btn,.contact-us .primary-btn{transition:none}}@media (prefers-contrast: high){.contact-us .container .hero-section{background:#000;color:#fff}.contact-us .container .contact-methods .methods-grid .method-card,.contact-us .container .departments-section .departments-grid .department-card{background:#fff;border-color:#000;color:#000}.contact-us .container .contact-form-section .form-container .contact-form,.contact-us .container .contact-form-section .form-container .contact-form .form-group input,.contact-us .container .contact-form-section .form-container .contact-form .form-group select,.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea{border-color:#000}.contact-us .container .contact-form-section .form-container .contact-form .form-group input:focus,.contact-us .container .contact-form-section .form-container .contact-form .form-group select:focus,.contact-us .container .contact-form-section .form-container .contact-form .form-group textarea:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.contact-us .container .contact-form-section .form-container .contact-form .submit-btn{background:#000;color:#fff}.contact-us .container .contact-form-section .form-container .form-sidebar .response-time,.contact-us .container .contact-form-section .form-container .form-sidebar .tips{border-left-color:#000}.contact-us .container .faq-section .faq-grid .faq-item,.contact-us .container .office-section .office-content .office-map .map-placeholder{border-color:#000}.contact-us .container .office-section .office-content .office-map .map-placeholder .maps-link{border-color:#000;color:#000}.contact-us .container .office-section .office-content .office-map .map-placeholder .maps-link:hover{background:#000;color:#fff}.contact-us .container .footer .actions .link-btn{border-color:#000;color:#000}.contact-us .container .footer .actions .link-btn:hover,.contact-us .container .footer .actions .primary-btn{background:#000;color:#fff}}