/* ===== Form Container ===== */
.wpforms-form {
    max-width: 700px;
    margin: 50px auto;
    padding: 50px 40px;
    background: linear-gradient(145deg, #1a1a2e, #162447);
    border-radius: 25px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3);
    font-family: 'Poppins', sans-serif;
}

/* ===== Field Labels / Titles ===== */
.wpforms-field label {
    font-weight: 600;
    color: #fff; /* White labels */
    margin-bottom: 8px;
    display: block;
    font-size: 16px;
}

/* ===== Input & Textarea Fields ===== */
.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="tel"],
.wpforms-field textarea,
.wpforms-field select {
    width: 100%;
    padding: 18px 22px;
    border-radius: 15px;
    border: 1px solid #444;
    background-color: #0f0f1f;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}

/* ===== Placeholder Text ===== */
.wpforms-field ::placeholder {
    color: #aaa;
    font-weight: 500;
}

/* ===== Field Hover & Focus ===== */
.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus {
    border-color: #6c63ff;
    box-shadow: 0 0 15px rgba(108, 99, 255, 0.5);
    outline: none;
    background-color: #1a1a2e;
}

.wpforms-field input:hover,
.wpforms-field textarea:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(108, 99, 255, 0.2);
}

/* ===== Submit Button ===== */
.wpforms-form button[type="submit"] {
    background: linear-gradient(135deg, #6c63ff, #b78cff);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 50px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(108, 99, 255, 0.5);
}

.wpforms-form button[type="submit"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 50px rgba(108, 99, 255, 0.7);
}

/* ===== Smooth Hover Animation for Fields ===== */
.wpforms-field input,
.wpforms-field textarea {
    transition: all 0.3s ease-in-out;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .wpforms-form {
        padding: 30px 20px;
    }
}