.contact-page{position:relative}

.contact-hero-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

.contact-types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}
.contact-card{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}

.contact-process .process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.process-step{display:flex;flex-direction:column;gap:var(--space-sm)}

.contact-form-section{display:flex;justify-content:center}
.contact-form-wrapper{max-width:600px;width:100%;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-sm)}

.contact-help-inner{max-width:600px;margin-inline:auto}

.contact-notice-inner{max-width:700px;margin-inline:auto;text-align:center;border:1px solid var(--color-accent-flame);padding:var(--space-md)}

.contact-faq-inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-sm)}
.faq-item{border:var(--border-rough)}
.faq-question{width:100%;text-align:left;padding:var(--space-sm)}
.faq-answer{display:none;padding:var(--space-sm)}
.faq-item.active .faq-answer{display:block}

.contact-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

@media(max-width:900px){
.contact-types-grid{grid-template-columns:1fr}
.contact-process .process-grid{grid-template-columns:1fr}
}