.contact-page{background:#f8fafc;min-height:100vh}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 0}.header-container{max-width:1100px;margin:0 auto;padding:0 1rem}.breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.breadcrumb-link{color:#64748b;align-items:center;gap:.25rem;text-decoration:none;transition:color .2s;display:flex}.breadcrumb-link:hover{color:#058ada}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-current{color:#1e293b;font-weight:500}.page-title-section h1{color:#1e293b;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.page-description{color:#64748b;margin:0;font-size:1rem}.page-content{max-width:1100px;margin:0 auto;padding:3rem 1rem}.content-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (min-width:1024px){.content-grid{grid-template-columns:1fr 1fr}}.contact-form-section{background:#fff;border-radius:16px;padding:2.5rem}.form-title{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.form-subtitle{color:#64748b;margin:0 0 2rem;font-size:.9375rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#334155;font-size:.875rem;font-weight:500}.form-input,.form-select,.form-textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#058ada;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.form-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#058ada 0%,#2563eb 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-status{text-align:center;border-radius:8px;padding:1rem;font-size:.9375rem}.form-status.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.contact-info-section{flex-direction:column;gap:2rem;display:flex}.info-cards{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.info-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.info-cards{grid-template-columns:1fr}}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .3s;display:block}.info-card-header{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.info-icon{color:#058ada;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-title{color:#1e293b;margin:0;font-size:1rem;font-weight:600}.info-detail{color:#058ada;margin:0 0 .25rem;font-size:.9375rem;font-weight:500}.info-description{color:#64748b;margin:0;font-size:.875rem}.support-section{background:#fff;border-radius:16px;padding:2.5rem}.section-title{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.support-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.support-grid{grid-template-columns:repeat(3,1fr)}}.support-card{background:#f0f5fe;border-radius:12px;padding:1.75rem;transition:all .3s}.support-icon{color:#058ada;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.support-title{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.support-description{color:#64748b;margin:0 0 1rem;font-size:.9375rem;line-height:1.5}.support-link{color:#058ada;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.support-link:hover{color:#2563eb}@media (max-width:480px){.page-header{padding:1rem 0}.header-container{padding:0 .75rem}.breadcrumb{gap:.375rem;font-size:.8125rem}.page-title-section h1{font-size:1.625rem}.page-description{font-size:.9375rem}.page-content{padding:2rem .75rem}.content-grid{gap:1.5rem}.contact-form-section{border-radius:12px;padding:2rem}.form-title{font-size:1.375rem}.form-subtitle{margin-bottom:1.5rem;font-size:.875rem}.contact-form{gap:1.25rem}.form-group{gap:.375rem}.form-label{font-size:.8125rem}.form-input,.form-select,.form-textarea{padding:.625rem .875rem;font-size:.875rem}.form-textarea{min-height:100px}.form-submit{width:100%;padding:.75rem 1.5rem;font-size:.9375rem}.form-status{padding:.875rem;font-size:.875rem}.contact-info-section{gap:1.5rem}.info-cards{gap:1rem}.info-card{background:#f0f5fe;border-radius:10px;padding:1.25rem}.info-card-header{gap:.75rem;margin-bottom:.5rem}.info-icon{width:36px;height:36px}.info-title{font-size:.9375rem}.info-detail{font-size:.875rem}.info-description{font-size:.8125rem}.support-section{border-radius:12px;padding:2rem}.section-title{margin-bottom:1.25rem;font-size:1.375rem}.support-grid{gap:1rem}.support-card{background:#f0f5fe;border-radius:10px;padding:1.5rem}.support-icon{width:40px;height:40px;margin-bottom:.75rem}.support-title{font-size:1rem}.support-description,.support-link{font-size:.875rem}}@media (min-width:481px) and (max-width:768px){.page-content{padding:2.5rem 1rem}.contact-form-section,.support-section{padding:2.25rem}.info-card,.support-card{padding:1.75rem}}@media (min-width:769px) and (max-width:1023px){.content-grid{gap:1.75rem}.info-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem}.support-grid{gap:1.5rem}}@media (min-width:1024px){.page-content{padding:4rem 2rem}.contact-form-section,.support-section{padding:3rem}.info-card,.support-card{padding:2rem}.info-cards{grid-template-columns:1fr;gap:1.5rem}.support-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (prefers-reduced-motion:reduce){.form-input,.form-select,.form-textarea,.form-submit,.info-card,.support-card{transition:none}}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea,.info-card,.support-card{border-width:2px}}
