.contact-page{width:100%}.contact-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-4xl) 0}.contact-hero .hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-gradient);z-index:0}.contact-hero .container{position:relative;z-index:1;text-align:center;color:white}.contact-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--spacing-lg);color:white}.contact-hero p{font-size:clamp(1.125rem,2vw,1.25rem);margin-bottom:var(--spacing-2xl);opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.contact-section{background:var(--bg-surface)}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-4xl)}.contact-form-wrapper{background:white;padding:var(--spacing-3xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.contact-form-wrapper h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.form-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.contact-form{gap:var(--spacing-xl)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9375rem}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;font-family:var(--font-primary);transition:all var(--transition-base);color:#1e293b!important;background-color:#ffffff!important}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group textarea{resize:vertical;min-height:120px}.form-success{background:rgba(34,197,94,.1);color:#16a34a;padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:center;font-weight:600;border:1px solid rgba(34,197,94,.2);margin-top:var(--spacing-sm)}.contact-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.contact-info-wrapper h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.info-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.contact-info-cards{flex-direction:column}.contact-info-cards,.info-card{display:flex;gap:var(--spacing-lg)}.info-card{padding:var(--spacing-xl);background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.info-card:hover{transform:translateX(4px);box-shadow:var(--shadow-lg)}.info-icon{width:50px;height:50px;background:var(--primary-gradient);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;flex-shrink:0}.info-content h3{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.info-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.social-media{background:white;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center}.social-media h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.social-icons{gap:var(--spacing-md)}.social-icon,.social-icons{display:flex;justify-content:center}.social-icon{width:50px;height:50px;background:var(--bg-surface);border-radius:var(--radius-full);align-items:center;font-size:1.25rem;color:var(--primary-color);transition:all var(--transition-base)}.social-icon:hover{background:var(--primary-gradient);color:white;transform:translateY(-4px);box-shadow:var(--shadow-colored)}@media (max-width:968px){.contact-layout{grid-template-columns:1fr;gap:var(--spacing-2xl)}}@media (max-width:768px){.contact-hero{min-height:40vh;padding:var(--spacing-3xl) 0}.contact-form-wrapper{padding:var(--spacing-xl)}.contact-info-cards{gap:var(--spacing-md)}.info-card{padding:var(--spacing-lg)}}@media (max-width:480px){.contact-hero h1{font-size:2.25rem}.contact-form-wrapper{padding:var(--spacing-lg)}.info-card{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-md)}.info-content p{word-break:break-all;font-size:.875rem}.social-icons{gap:var(--spacing-sm)}.social-icon{width:45px;height:45px}}