/* Page-specific features only: contact.html */
@layer pages{
#contact-hero{padding: 120px 0;text-align: center;background: linear-gradient(135deg, var(--primary), var(--primary-light));color: #fff;}
#contact-hero h1{margin-bottom: 20px;font-size: 3.2rem;}
#contact-hero p{max-width: 820px;margin: auto;color: #fff;}
#contact-main{padding: 100px 0;}
.contact-methods{display: grid;gap: 18px;margin: 30px 0;}
.contact-method{padding: 20px;border: 1px solid #dbe9ff;border-radius: 16px;background: #fff;}
.contact-method h3{margin-bottom: 8px;color: var(--primary);}
.contact-method p{margin: 0;}
.contact-form .form-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px;}
.contact-form label{display: block;margin-bottom: 8px;font-weight: 600;}
.contact-form .checkbox-label{display: flex;align-items: flex-start;gap: 10px;margin: 20px 0;}
.contact-form .checkbox-label input{width: auto;margin-top: 6px;}
.contact-form .form-status{display: none;margin-top: 20px;padding: 16px;border-radius: 12px;}
.contact-form .form-status.success{display: block;background: #eaf9ef;color: #2d8b42;border-left: 5px solid #35b34a;}
.contact-form .form-status.error{display: block;background: #fff2f2;color: #d64040;border-left: 5px solid #d64040;}
.contact-form .form-status.sending{display: block;background: #eef7ff;color: #155bc0;border-left: 5px solid var(--primary);}
.contact-form .form-honeypot{position: absolute ;left: -10000px ;width: 1px ;height: 1px ;overflow: hidden ;opacity: 0 ;pointer-events: none ;}
.contact-form button[disabled]{cursor: wait;opacity: .72;}
.contact-hours{margin-top: 30px;padding-top: 25px;border-top: 1px solid #dbe9ff;}
.contact-hours ul{display: grid;gap: 8px;}
.contact-note{margin-top: 60px;padding: 30px;border-left: 6px solid var(--primary);border-radius: 18px;background: #eef7ff;}
@media (max-width: 900px) {#contact-hero{padding: 90px 0;}
#contact-hero h1{font-size: 2.5rem;}
.contact-form .form-grid{grid-template-columns: 1fr;}}
#faq .faq-container{display: grid;width: min(100%, 920px);margin: 0 auto;gap: 13px;}
#faq .faq-item{overflow: hidden;margin: 0;border: 1px solid rgba(31,115,232,.18);border-radius: 14px;background: #fff;box-shadow: 0 10px 28px rgba(23,32,51,.07);}
#faq .faq-question{position: relative;display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 20px;padding: 20px 58px 20px 22px;border: 0;border-radius: 0;background: #fff;color: #172033;font: 700 1rem/1.45 "Poppins", sans-serif;text-align: left;cursor: pointer;box-shadow: none;}
#faq .faq-question::after{position: absolute;top: 50%;right: 22px;width: 28px;height: 28px;border-radius: 50%;background: rgba(31,115,232,.1);color: #1F73E8;content: "+";font: 700 1.35rem/28px "Inter", sans-serif;text-align: center;transform: translateY(-50%);}
#faq .faq-question:hover{background: #f7fbff;color: #172033;}
#faq .faq-answer{display: block ;height: auto ;max-height: none ;overflow: visible ;visibility: visible ;opacity: 1 ;padding: 0;background: #fff;color: #444;}
#faq .faq-answer p{margin: 0;padding: 0 22px 22px;}
#faq .faq-container.contact-faq-enhanced .faq-answer{max-height: 0 ;overflow: hidden ;visibility: hidden ;opacity: 0 ;transition:
        max-height .35s ease,
        opacity .22s ease,
        visibility 0s linear .35s;}
#faq .faq-container.contact-faq-enhanced
.faq-item.is-open .faq-answer{visibility: visible ;opacity: 1 ;transition:
        max-height .35s ease,
        opacity .22s ease,
        visibility 0s linear 0s;}
#faq .faq-item.is-open .faq-question::after{content: "−";background: #1F73E8;color: #fff;}
@media (prefers-reduced-motion: reduce) {#faq .faq-container.contact-faq-enhanced .faq-answer{transition: none ;}}
}
