*, *::before, *::after { box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #2d3748; background-color: #f8fafc; line-height: 1.7; margin: 0; padding: 0; } .header { background-color: #1a202c; color: #ffffff; padding: 40px 20px; text-align: center; border-bottom: 4px solid #dd6b20; } .header h1 { margin: 0; font-size: 28px; font-weight: 700; letter-spacing: 1.5px; } .header p { margin: 8px 0 0 0; color: #a0aec0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .container { max-width: 900px; margin: 40px auto; padding: 0 20px; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; } @media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; } } .card { background: #ffffff; border-radius: 12px; padding: 36px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); } .card h2 { font-size: 20px; color: #1a202c; border-bottom: 2px solid #edf2f7; padding-bottom: 12px; margin-top: 0; margin-bottom: 24px; } .info-item { margin-bottom: 20px; } .info-item strong { display: block; font-size: 13px; text-transform: uppercase; color: #718096; letter-spacing: 0.5px; margin-bottom: 4px; } .info-item p, .info-item a { font-size: 15px; color: #2d3748; margin: 0; text-decoration: none; font-weight: 500; } .info-item a:hover { color: #dd6b20; text-decoration: underline; } /* Form Controls */ .form-group { margin-bottom: 18px; } .form-group label { display: block; font-size: 13.5px; font-weight: 600; color: #4a5568; margin-bottom: 6px; } .form-control { width: 100%; padding: 10px 14px; border: 1px solid #cbd5e0; border-radius: 6px; font-size: 14px; color: #2d3748; outline: none; transition: border-color 0.2s; } .form-control:focus { border-color: #dd6b20; box-shadow: 0 0 0 3px rgba(221, 107, 32, 0.15); } textarea.form-control { resize: vertical; min-height: 110px; } .btn-submit { display: inline-block; width: 100%; background-color: #dd6b20; color: #ffffff; border: none; padding: 12px; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background-color 0.2s; } .btn-submit:hover { background-color: #c05621; } .footer { text-align: center; padding: 30px 20px; font-size: 13px; color: #a0aec0; }