.contact-page{padding-bottom:3rem}.contact-page .contact-hero{background-image:linear-gradient(#000000b3,#000000b3),url(/hero-background.png);background-size:cover;background-position:center;color:var(--color-white);padding:4rem 0;text-align:center}.contact-page .page-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-white)}.contact-page .page-subtitle{font-size:1.125rem;max-width:600px;margin:0 auto;opacity:.9;color:var(--color-white)}.contact-page .contact-methods-section{padding:4rem 0}.contact-page .contact-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.contact-page .contact-method-card{background:var(--color-white);padding:2.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.contact-page .contact-method-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.contact-page .method-icon{color:var(--color-primary);margin-bottom:1rem}.contact-page .method-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--color-gray-900)}.contact-page .method-description{font-size:.95rem;color:var(--color-gray-600);margin-bottom:1rem}.contact-page .method-link{font-size:1.125rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.contact-page .method-link:hover{color:var(--color-primary-hover)}.contact-page .office-hours-section{padding:4rem 0;background-color:var(--color-gray-50)}.contact-page .office-hours-content{max-width:800px;margin:0 auto;text-align:center}.contact-page .hours-icon{color:var(--color-primary);margin-bottom:1.5rem}.contact-page .section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--color-gray-900)}.contact-page .hours-list{background:var(--color-white);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem}.contact-page .hours-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-gray-200)}.contact-page .hours-item:last-child{border-bottom:none}.contact-page .hours-day{font-weight:600;color:var(--color-gray-900)}.contact-page .hours-time{color:var(--color-gray-700)}.contact-page .hours-note{font-size:.95rem;color:var(--color-gray-600);font-style:italic}.contact-page .support-types-section{padding:4rem 0}.contact-page .support-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.contact-page .support-type-card{background:var(--color-white);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid rgba(250,204,21,.1)}.contact-page .support-type-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#facc154d}.contact-page .support-type-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--color-gray-900)}.contact-page .support-type-description{font-size:.95rem;line-height:1.6;color:var(--color-gray-600)}.contact-page .faq-link-section{padding:4rem 0;background:linear-gradient(135deg,#fbbf240d,#fbbf2405)}.contact-page .faq-link-content{max-width:800px;margin:0 auto;text-align:center}.contact-page .faq-link-description{font-size:1.125rem;color:var(--color-gray-700);margin-bottom:2rem}.contact-page .primary-button{display:inline-block;padding:.875rem 2rem;background-color:var(--color-primary);color:var(--color-black);font-weight:600;border-radius:var(--border-radius-lg);text-decoration:none;transition:background-color var(--transition-fast);border:none;cursor:pointer}.contact-page .primary-button:hover{background-color:var(--color-primary-hover)}@media (max-width: 768px){.contact-page .page-title{font-size:2.5rem}.contact-page .section-title{font-size:2rem}.contact-page .contact-methods-grid,.contact-page .support-types-grid{grid-template-columns:1fr}.contact-page .hours-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.contact-page .page-title{font-size:2rem}}