.contact-page{

    min-height:700px;

    display:flex;

    justify-content:center;

    align-items:center;


    background:
        linear-gradient(
            135deg,
            #064e3b,
            #16a34a
        );


    padding:50px;

}



.contact-box{


    width:600px;

    background:white;

    border-radius:25px;

    padding:40px;


    box-shadow:
        0 20px 50px #022c22;


}



.contact-box h1{


    color:#166534;

    font-size:38px;


}



.contact-box p{


    color:#374151;

    line-height:2;


}



.info{


    background:#fef9c3;

    border-radius:15px;

    padding:20px;

    margin:25px 0;


}



input,
textarea{


    width:100%;

    padding:15px;

    margin-bottom:15px;

    border-radius:12px;

    border:2px solid #86efac;


}



textarea{

    height:150px;

}



button{


    width:100%;

    padding:15px;


    background:
        linear-gradient(
            90deg,
            #facc15,
            #eab308
        );


    border:none;

    border-radius:15px;


    font-size:18px;

    font-weight:bold;


    cursor:pointer;


}

.alert-success {

    background: linear-gradient(
        135deg,
        #0f9b4f,
        #1fc76a
    );

    color: white;

    padding: 15px 20px;

    border-radius: 16px;

    margin-bottom: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    font-size: 16px;

    font-weight: bold;

    box-shadow:
        0 8px 20px rgba(15,155,79,0.25);

    animation: slideDown .4s ease;

}


.alert-icon {

    width: 28px;

    height: 28px;

    background: white;

    color: #0f9b4f;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: bold;

}



@keyframes slideDown {

    from {

        opacity: 0;

        transform: translateY(-20px);

    }


    to {

        opacity: 1;

        transform: translateY(0);

    }

}
.back-home-btn {

    display: block;

    width: fit-content;

    margin: 15px auto 25px;

    padding: 12px 35px;

    background: linear-gradient(
        135deg,
        #f6c515,
        #ffdd55
    );

    color: #123;

    text-decoration: none;

    border-radius: 30px;

    font-weight: bold;

    font-size: 15px;

    box-shadow:
        0 8px 18px rgba(246,197,21,.3);

    transition: .3s;

}


.back-home-btn:hover {

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(246,197,21,.45);

}