.contact-page{max-width:1200px;margin:0 auto}.contact-page__hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:4rem 2rem;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);color:#252525;position:relative;overflow:hidden}.contact-page__hero:before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none}@media (max-width: 768px){.contact-page__hero{grid-template-columns:1fr;text-align:center}}.contact-page__hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.contact-page__title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}@media (max-width: 768px){.contact-page__title{font-size:2.5rem}}.contact-page__subtitle{font-size:1.25rem;opacity:.9;max-width:500px}@media (max-width: 768px){.contact-page__subtitle{margin:0 auto}}.contact-page__hero-image{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.contact-page__hero-image img{max-width:70%;height:auto;border-radius:16px;box-shadow:0 20px 40px #0003}.contact-page__form-section{padding:4rem 2rem;background-color:var(--color-light)}.contact-page__form-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}@media (max-width: 1024px){.contact-page__form-container{grid-template-columns:1fr}}.contact-page__form-info h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.contact-page__form-info p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem}.contact-page__contact-methods{display:grid;gap:1.5rem}.contact-page__contact-method{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease}.contact-page__contact-method:hover{transform:translateY(-2px)}.contact-page__contact-method img{width:40px;height:40px}.contact-page__contact-method h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text)}.contact-page__contact-method p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.contact-page__form{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014}.contact-page__form-group{margin-bottom:1.5rem}.contact-page__form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text)}.contact-page__form-group input,.contact-page__form-group select,.contact-page__form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.contact-page__form-group input:focus,.contact-page__form-group select:focus,.contact-page__form-group textarea:focus{outline:none;border-color:var(--color-primary-600)}.contact-page__form-group input::placeholder,.contact-page__form-group select::placeholder,.contact-page__form-group textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.contact-page__form-group textarea{min-height:120px;resize:vertical}.contact-page__submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--color-primary-600);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-page__submit-button:hover{background:var(--color-primary-700);transform:translateY(-2px)}.contact-page__submit-button img{width:20px;height:20px}.contact-page__cta{padding:4rem 2rem;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);text-align:center}.contact-page__cta-content{max-width:600px;margin:0 auto}.contact-page__cta-content h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--color-text)}.contact-page__cta-content p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem}.contact-page__cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--color-primary-600);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.contact-page__cta-button:hover{background:var(--color-primary-700);transform:translateY(-2px)}.contact-page__cta-button img{width:20px;height:20px}.contact-page__form-message{margin:1rem 0;padding:1rem;border-radius:8px;font-weight:500;text-align:center;transition:all .3s ease;display:none}.contact-page__form-message--success{background-color:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.3)}.contact-page__form-message--error{background-color:#f443361a;color:#d32f2f;border:1px solid rgba(244,67,54,.3)}