* { box-sizing: border-box; font-family: sans-serif; }
body { background-color: #e0e0e0; margin: 0; padding: 40px; }

.contact-section { max-width: 800px; margin: auto; width: 100%; }
h2 { letter-spacing: 2px; color: #333; margin-bottom: 30px; }

.form-row { display: flex; gap: 20px; margin-bottom: 20px; }
.form-row input { flex: 1; }

input, textarea {
    width: 100%; padding: 15px; border: none; outline: none;
    background: #f9f9f9; font-size: 16px; margin-bottom: 20px;
}

button {
    background-color: #ff6f20; color: white; border: none;
    padding: 15px 40px; font-weight: bold; cursor: pointer;
    font-size: 16px; transition: 0.3s;
}

button:hover { background-color: #e65a10; }

/* Popup Styling */
.popup {
    display: none; position: fixed; z-index: 1; left: 0; top: 0;
    width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);
}
.popup-content {
    background-color: white; margin: 15% auto; padding: 30px;
    width: 300px; text-align: center; border-radius: 5px;
}

/* Responsive */
@media (max-width: 600px) {
    .form-row { flex-direction: column; gap: 0; }
    body { padding: 20px; }
}