.palsona-contact-page { font-family: Arial, sans-serif; color: #222; background: #ffffff; padding: 45px 20px; } .contact-container { max-width: 900px; margin: 0 auto; } .contact-header { text-align: center; margin-bottom: 35px; } .contact-header h1 { margin: 0 0 12px; font-size: 36px; font-weight: 700; color: #111; } .contact-header p { max-width: 650px; margin: 0 auto; font-size: 16px; line-height: 1.7; color: #666; } .contact-card { border: 1px solid #e5e5e5; border-radius: 12px; padding: 30px; background: #fff; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05); } .contact-card h2, .support-note h2 { font-size: 24px; margin: 0 0 25px; color: #111; } .contact-row { display: flex; gap: 20px; padding: 15px 0; border-bottom: 1px solid #eeeeee; line-height: 1.6; } .contact-row:last-child { border-bottom: none; } .contact-row strong { width: 240px; flex-shrink: 0; color: #333; } .contact-row span { color: #555; } .contact-row a { color: #111; text-decoration: none; font-weight: 600; } .contact-row a:hover { text-decoration: underline; } .support-note { margin-top: 30px; padding: 25px 30px; background: #f8f8f8; border-radius: 10px; } .support-note h2 { margin-bottom: 10px; } .support-note p { margin: 0; font-size: 15px; line-height: 1.7; color: #666; } @media (max-width: 650px) { .palsona-contact-page { padding: 30px 15px; } .contact-header h1 { font-size: 30px; } .contact-card { padding: 22px 18px; } .contact-row { display: block; } .contact-row strong { display: block; width: 100%; margin-bottom: 5px; } .support-note { padding: 20px; } }