/* =========================
PREMIUM FORM
========================= */

.form-wrapper{

    max-width:760px;

    margin:auto;
}

.form-box{

    background:
    linear-gradient(
        180deg,
        rgba(15,28,60,0.96),
        rgba(9,20,45,0.98)
    );

    border-radius:34px;

    padding:50px;

    border:
    1px solid rgba(255,255,255,0.06);

    position:relative;

    overflow:hidden;

    backdrop-filter:blur(16px);

    box-shadow:
    0 25px 70px rgba(0,0,0,0.28);
}

/* GLOW */

.form-box::before{

    content:'';

    position:absolute;

    width:340px;

    height:340px;

    background:
    radial-gradient(
        circle,
        rgba(247,164,0,0.08),
        transparent 72%
    );

    top:-140px;

    right:-120px;

    pointer-events:none;
}

/* FORM GROUP */

.form-group{

    margin-bottom:22px;

    position:relative;

    z-index:2;
}

/* INPUTS */

input,
select{

    width:100%;

    padding:20px 22px;

    border:none;

    border-radius:18px;

    background:#162544;

    color:#ffffff;

    font-size:15px;

    font-family:'Poppins',sans-serif;

    border:
    1px solid rgba(255,255,255,0.05);

    transition:all 0.3s ease;

    backdrop-filter:blur(10px);

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;
}

/* DROPDOWN OPTIONS FIX */

select option{

    background:#0f1c3c;

    color:#ffffff;

    padding:12px;
}

/* HOVER / SELECTED */

select option:hover,
select option:checked{

    background:#f7a400;

    color:#000000;
}

/* PLACEHOLDER */

input::placeholder{

    color:#94a3b8;
}

/* FOCUS */

input:focus,
select:focus{

    outline:none;

    border-color:
    rgba(247,164,0,0.35);

    background:
    rgba(255,255,255,0.07);

    box-shadow:
    0 0 0 4px rgba(247,164,0,0.08);
}

/* BUTTON */

button{

    width:100%;

    display:block;

    padding:20px;

    background:
    linear-gradient(
        135deg,
        #f7a400,
        #ffcc4d
    );

    color:#000;

    border:none;

    border-radius:18px;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:all 0.3s ease;

    font-family:'Poppins',sans-serif;

    box-shadow:
    0 18px 40px rgba(247,164,0,0.18);
}

button:hover{

    transform:
    translateY(-3px);

    box-shadow:
    0 24px 50px rgba(247,164,0,0.28);
}

/* =========================
MODAL CLOSE BUTTON FIX
========================= */

.service-modal-close{

    position:absolute;

    top:20px;

    right:20px;

    width:46px !important;

    height:46px !important;

    min-width:46px;

    padding:0 !important;

    border-radius:50%;

    border:none;

    background:
    rgba(255,255,255,0.08) !important;

    color:#ffffff !important;

    font-size:24px;

    cursor:pointer;

    transition:0.3s;

    display:flex !important;

    align-items:center;

    justify-content:center;

    box-shadow:none !important;

    z-index:10;
}

.service-modal-close:hover{

    background:
    rgba(247,164,0,0.20) !important;

    color:#f7a400 !important;

    transform:scale(1.05);
}

/* RESULT BOX */

.result{

    margin-top:22px;

    padding:18px;

    border-radius:16px;

    display:none;

    font-weight:500;

    position:relative;

    z-index:2;
}

.success{

    background:#14532d;

    color:#bbf7d0;
}

.error{

    background:#7f1d1d;

    color:#fecaca;
}

/* MOBILE */

@media(max-width:768px){

    .form-box{

        padding:34px 24px;

        border-radius:28px;
    }

    input,
    select{

        padding:18px;
    }

    button{

        padding:18px;
    }
}