body{
    margin:0;
    padding:0;
    min-height:100vh;
    background:#F5F3FF;
    font-family:"Cairo",sans-serif;
}


.login-page{

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px;

}


.login-box{

    width:100%;

    max-width:420px;

    background:#ffffff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(124,58,237,.12);

}


.login-header{

    text-align:center;

    margin-bottom:30px;

}


.login-header h1{

    color:#7C3AED;

    font-size:30px;

    margin-bottom:10px;

}


.login-header p{

    color:#6B7280;

}


.login-box label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

}


.form-group{

    margin-bottom:20px;

}


.form-control{

    width:100%;

    height:50px;

    padding:0 15px;

    border:1px solid #E5E7EB;

    border-radius:12px;

    font-size:16px;

}


.form-control:focus{

    outline:none;

    border-color:#7C3AED;

}


.login-btn{

    width:100%;

    height:50px;

    margin-top:10px;

}