body{

    min-height:100vh;

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

    background:
    url('../images/bg-crystal.jpg')
    center center/cover no-repeat;
}

.login-container{

    width:100%;
    max-width:430px;

    padding:20px;
}

.login-card{

    background:
    rgba(255,255,255,.88);

    backdrop-filter:blur(20px);

    border-radius:35px;

    padding:40px 30px;

    box-shadow:
    0 10px 40px rgba(0,0,0,.1);

    text-align:center;
}

.logo{

    width:90px;
    margin-bottom:10px;
}

h1{

    color:#2265ea;

    font-size:58px;

    font-weight:600;
}

h3{

    letter-spacing:6px;

    color:#1e2a38;

    margin-bottom:20px;
}

.subtitle{

    color:#5b6575;

    margin-bottom:30px;
}

.input-group{

    margin-bottom:15px;
}

.input-group input{

    width:100%;

    height:58px;

    border:1px solid #dce8f5;

    border-radius:18px;

    padding:0 20px;

    font-size:15px;

    background:white;
}

.forgot{

    text-align:right;

    margin-bottom:20px;
}

.forgot a{

    color:#2265ea;
}

.btn-login{

    width:100%;
    height:58px;

    border:none;

    border-radius:30px;

    color:white;

    font-size:18px;

    font-weight:600;

    background:
    linear-gradient(
    135deg,
    #66a7ff,
    #0d5de7
    );
}

.register-section{

    margin-top:25px;
}

.btn-register{

    margin-top:10px;

    width:100%;
    height:54px;

    border-radius:20px;

    border:2px solid #2265ea;

    background:white;

    color:#2265ea;

    font-weight:600;
}

.feature-box{

    margin-top:35px;

    display:flex;
    justify-content:space-between;
}

.feature{

    width:30%;
}

.feature span{

    font-size:30px;
}

.feature p{

    margin-top:5px;

    font-size:13px;
}

form{

    display:flex;

    flex-direction:column;

    gap:15px;

    margin-top:25px;
}

form input{

    width:100%;

    height:55px;

    border:1px solid #d9e3f0;

    border-radius:18px;

    padding:0 20px;

    font-size:15px;

    outline:none;
}

form input:focus{

    border-color:#1f63e8;
}

form button{

    width:100%;

    height:58px;

    border:none;

    border-radius:30px;

    background:
    linear-gradient(
    135deg,
    #5ca7ff,
    #145de7
    );

    color:white;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

    margin-top:10px;
}

.login-link{

    margin-top:20px;

    text-align:center;

    font-size:15px;
}

.login-link a{

    color:#145de7;

    text-decoration:none;

    font-weight:600;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}