body{
    margin:0;
    padding:0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.login-body{

    background: linear-gradient(135deg,#ff9ecb,#ffc7de,#ffe4ef);

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

}

.login-container{

    width:400px;

}

.card{

    border-radius:25px;

    border:none;

}

.card-body{

    padding:40px;

}

h2{

    color:#d63384;

}

.form-control{

    border-radius:12px;

    border:2px solid #f8bbd0;

    transition:.3s;

}

.form-control:focus{

    border-color:#d63384;

    box-shadow:0 0 10px rgba(214,51,132,.25);

}

.btn-primary{

    background:#d63384;

    border:none;

    border-radius:12px;

    font-weight:bold;

}

.btn-primary:hover{

    background:#c2185b;

}

.form-label{

    color:#d63384;

    font-weight:600;

}

.text-muted{

    color:#888 !important;

}