.contact-page{background-color:#ffffff}.contact-main{min-height:calc(100vh - 70px)}.contact-hero{background:linear-gradient(135deg,var(--secondary-color) 0,#1e3a5f 100%);color:var(--text-white);padding:4rem 1rem;text-align:center}.contact-hero-container{max-width:800px;margin:0 auto}.contact-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-white)}.contact-hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,.9);line-height:1.6}.contact-container{max-width:1200px;margin:0 auto;padding:4rem 1rem}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.contact-form-section{background:#ffffff;border-radius:1rem;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.contact-section-title{font-size:2rem;font-weight:600;color:var(--secondary-color);margin-bottom:2rem}.contact-success-message{display:flex;align-items:center;gap:.75rem;background:#10b981;color:white;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-weight:500}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.contact-form-group{display:flex;flex-direction:column;gap:.5rem}.contact-label{font-weight:500;color:var(--text-dark);font-size:.95rem}.contact-input,.contact-textarea{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .3s ease;font-family:inherit;background:#ffffff;color:var(--text-dark)}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,45,84,.1)}.contact-textarea{resize:vertical;min-height:150px}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:var(--primary-color);color:var(--text-white);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.contact-submit-btn:hover:not(:disabled){background:#e11d48;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,45,84,.3)}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.contact-info-section{display:flex;flex-direction:column;gap:2rem}.contact-info-cards{display:flex;flex-direction:column;gap:1.5rem}.contact-info-card{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;transition:all .3s ease}.contact-info-card:hover{background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.contact-info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-color);color:var(--text-white);border-radius:.5rem;flex-shrink:0}.contact-info-content{flex:1 1}.contact-info-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.contact-info-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.contact-info-link:hover{color:#e11d48;text-decoration:underline}.contact-info-text{color:var(--text-light);line-height:1.6;margin:0}.contact-hours{background:var(--secondary-color);color:var(--text-white);padding:2rem;border-radius:.75rem}.contact-hours-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-white)}.contact-hours-list{display:flex;flex-direction:column;gap:1rem}.contact-hours-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.contact-hours-item:last-child{border-bottom:none;padding-bottom:0}.contact-hours-day{font-weight:500;color:var(--text-white)}.contact-hours-time{color:rgba(255,255,255,.9);font-weight:400}@media (max-width:1024px){.contact-grid{gap:3rem}}@media (max-width:768px){.contact-hero{padding:3rem 1rem}.contact-hero-title{font-size:2.25rem}.contact-hero-subtitle{font-size:1.125rem}.contact-container{padding:2rem 1rem}.contact-grid{grid-template-columns:1fr;gap:2.5rem}.contact-form-section{padding:2rem}.contact-form-row{grid-template-columns:1fr;gap:1rem}.contact-section-title{font-size:1.75rem}}@media (max-width:480px){.contact-hero-title{font-size:1.875rem}.contact-hero-subtitle{font-size:1rem}.contact-form-section{padding:1.5rem}.contact-section-title{font-size:1.5rem}.contact-info-card{padding:1.25rem}.contact-info-icon{width:40px;height:40px}.contact-hours{padding:1.5rem}.contact-hours-item{flex-direction:column;align-items:flex-start;gap:.5rem}}