.support-page{max-width:900px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.support-card{background:#fff;padding:2rem;border:1px solid var(--secondary-btn-bg-color);border-radius:0.75rem}.support-card h3{font-size:1.25rem;color:#1f2937;margin-bottom:1rem;font-weight:600}.support-card p{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.support-btn{display:inline-block;padding:0.75rem 1.5rem;background:linear-gradient(135deg,var(--main-color),#1d4ed8);color:#fff;border-radius:0.5rem;text-decoration:none;font-weight:500;transition:transform 0.3s,box-shadow 0.3s}.support-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.contact-section{background:#f9fafb;padding:2rem;border-radius:0.75rem;margin-bottom:3rem}.contact-section h3{font-size:1.5rem;color:#1f2937;margin-bottom:1rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{font-size:1.5rem;flex-shrink:0}.contact-text h4{color:#1f2937;font-weight:600;margin-bottom:0.25rem}.contact-text p{color:#6b7280;margin:0}.contact-text a{color:var(--main-color);text-decoration:none}.contact-text a:hover{text-decoration:underline}.resources{background:#e0f2fe;padding:2rem;border-radius:0.75rem;border-left:4px solid #0369a1}.resources h3{color:#0369a1;margin-bottom:1rem}.resource-list{display:flex;flex-direction:column;gap:0.75rem}.resource-link{color:#0369a1;text-decoration:none;font-weight:500}.resource-link:hover{text-decoration:underline}@media (max-width:768px){.support-grid{grid-template-columns:1fr}.page-header h1{font-size:2rem}}