.contact-page{background:var(--gray-50);min-height:100vh;padding:var(--space-8)0 var(--space-12)}.contact-page__container{max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}.contact-page__header{text-align:center;margin-bottom:var(--space-12);animation:.6s ease-out fadeInUp}.contact-page__accent{border-radius:var(--radius-full);background:linear-gradient(90deg,var(--flow-primary)0%,var(--flow-primary-light)100%);width:48px;height:4px;margin-bottom:var(--space-4);display:inline-block}.contact-page__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-4);letter-spacing:-.02em}@media (min-width:768px){.contact-page__title{font-size:var(--text-4xl)}}.contact-page__subtitle{font-size:var(--text-xl);color:var(--gray-600);margin-bottom:var(--space-4)}.contact-page__intro{font-size:var(--text-base);color:var(--gray-600);max-width:42rem;margin:0 auto}.contact-grid{gap:var(--space-8);grid-template-columns:1fr;animation:.6s ease-out .1s backwards fadeInUp;display:grid}@media (min-width:1024px){.contact-grid{grid-template-columns:2fr 1fr}}.contact-form-card{border-radius:var(--radius-xl);border:var(--border-width)solid var(--border-color);padding:var(--space-6);box-shadow:var(--shadow-md);background:#fff}@media (min-width:768px){.contact-form-card{padding:var(--space-8)}}.contact-sidebar{gap:var(--space-6);flex-direction:column;display:flex}.contact-sidebar-card{border-radius:var(--radius-xl);border:var(--border-width)solid var(--border-color);padding:var(--space-6);box-shadow:var(--shadow-md);background:#fff}.contact-sidebar__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.contact-sidebar__item{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--gray-700);display:flex}.contact-sidebar__item:last-child{margin-bottom:0}.contact-sidebar__item a{color:var(--flow-primary);font-weight:var(--font-medium);text-decoration:none}.contact-sidebar__item a:hover{text-decoration:underline}.contact-sidebar__item svg{color:var(--flow-primary);flex-shrink:0}.contact-page__loading{padding:var(--space-20)var(--space-4);text-align:center;color:var(--gray-600);font-size:var(--text-lg)}