.contact-info-container { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 800px; margin: 0 auto; padding: 20px; } .contact-info-header { border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 30px; } .contact-info-container h1 { font-size: 24px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: -0.5px; } .contact-info-container h2 { font-size: 18px; margin-top: 30px; border-bottom: 1px dotted #ccc; padding-bottom: 5px; color: #000; } .contact-card { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 20px; } .contact-details { flex: 1; min-width: 250px; background: #fdfdfd; padding: 20px; border: 1px solid #eee; border-radius: 4px; } .contact-details p { margin: 5px 0; font-size: 15px; } .contact-details strong { color: #000; } .legal-badge { display: inline-block; background: #f4f4f4; padding: 5px 10px; font-size: 12px; border-radius: 3px; margin-top: 10px; } .contact-footer { margin-top: 50px; font-size: 13px; color: #888; border-top: 1px solid #eee; padding-top: 20px; } a { color: #333; text-decoration: underline; } a:hover { color: #000; }