.contact-page{padding-top:90px}@media (min-width:768px){.contact-page{padding-top:150px}}.contact-hero{padding-top:var(--space-12);padding-bottom:var(--space-8);background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-primary)100%)}@media (min-width:768px){.contact-hero{padding-top:var(--space-16);padding-bottom:var(--space-12)}}.contact-content{padding-top:0}.contact-grid{gap:var(--space-10);max-width:1100px;margin:0 auto;display:grid}@media (min-width:1024px){.contact-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start}}.contact-form-wrapper{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}@media (min-width:768px){.contact-form-wrapper{padding:var(--space-8)}}.contact-form-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.form-row{gap:var(--space-4);display:grid}@media (min-width:640px){.form-row{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}.contact-success{text-align:center;padding:var(--space-8)var(--space-4)}.success-icon{width:64px;height:64px;margin:0 auto var(--space-6);background:var(--color-accent-green);border-radius:var(--radius-full);color:#fff;font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.contact-success h4{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.contact-success p{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.contact-error{color:var(--color-accent-red);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4);background:#ff3b301a}.contact-info{order:-1}@media (min-width:1024px){.contact-info{order:0}}.contact-info-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.contact-info-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.contact-cards{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.contact-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-xl);transition:all var(--duration-normal)var(--ease-out);display:flex}.contact-card:hover{background:var(--color-bg-primary);box-shadow:var(--shadow-md)}.contact-card-icon{background:var(--gradient-brand);border-radius:var(--radius-lg);color:#fff;width:48px;height:48px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card-content{gap:var(--space-1);flex-direction:column;display:flex}.contact-card-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.contact-card-value{font-size:var(--text-md);color:var(--color-text-primary);line-height:var(--leading-relaxed);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a.contact-card-value:hover{color:var(--color-brand-primary)}.contact-map{border-radius:var(--radius-2xl);height:250px;box-shadow:var(--shadow-md);overflow:hidden}.contact-map iframe{filter:grayscale(20%);width:100%;height:100%;transition:filter var(--duration-normal)var(--ease-out);border:0}.contact-map:hover iframe{filter:grayscale(0%)}@media (min-width:768px){.contact-map{height:300px}}