*{

    box-sizing:border-box;

    margin:0;

    padding:0;

    font-family:Arial,sans-serif;

}



body{

    min-height:100vh;

    background:#070B15;

    color:white;

}




.forgot-page{

    width:100%;

    max-width:430px;

    margin:auto;

    padding:20px;

}





/* HEADER */


.top-header{

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

}



.top-header h1{

    font-size:24px;

    font-weight:700;

}



.back-btn{

position:absolute;
left:20px;
top:5px;

width:42px;
height:42px;

border-radius:50%;

display:flex;
align-items:center;
justify-content:center;

text-decoration:none;

background:rgba(240,185,11,.12);

border:1px solid rgba(240,185,11,.35);

}


.back-btn svg{

width:24px;
height:24px;

fill:none;

stroke:#F3BA2F;

stroke-width:2.5;

stroke-linecap:round;

stroke-linejoin:round;

}





/* LOGO */


.logo-box{

    display:flex;

    justify-content:center;

    margin:25px 0;

}



.logo-box img{

    width:100px;

}





/* CARD */


.support-card{

    background:#101826;

    border-radius:24px;

    padding:25px 20px;

    border:1px solid rgba(240,185,11,.15);

    box-shadow:

    0 0 25px rgba(240,185,11,.08);

}




.support-card h2{

    text-align:center;

    font-size:23px;

    margin-bottom:15px;

}



.support-card p{

    text-align:center;

    color:#b8c1cc;

    line-height:1.7;

    font-size:15px;

    margin-bottom:28px;

}





/* CONTACT ITEM */


.contact-item{

    display:flex;

    align-items:center;

    gap:16px;

    text-decoration:none;

    color:white;

    background:#182233;

    border-radius:18px;

    padding:16px;

    margin-top:15px;

    transition:.25s;

}



.contact-item:hover{

    transform:translateY(-2px);

    border:1px solid #F3BA2F;

}





/* ICON */


.contact-icon{

    width:50px;

    height:50px;

    border-radius:15px;

    background:#F3BA2F;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}



.contact-icon svg{

    width:28px;

    height:28px;

    fill:#070B15;

}





.contact-item span{

    display:block;

    font-size:13px;

    color:#9ca3af;

    margin-bottom:5px;

}



.contact-item strong{

    font-size:16px;

    color:white;

}





/* LOGIN BUTTON */


.login-back{

    display:block;

    text-align:center;

    margin-top:30px;

    color:#F3BA2F;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

}





@media(max-width:480px){


    .top-header h1{

        font-size:22px;

    }


    .support-card{

        padding:22px 16px;

    }


}