body{

    margin:0;

    min-height:100vh;

    background:#050816;

    font-family:
        Inter,
        sans-serif;

    display:flex;

    justify-content:center;

    align-items:center;

    color:white;
}

.login-container{

    width:420px;

    padding:50px;

    border-radius:30px;

    background:
        linear-gradient(
            180deg,
            #101827,
            #0B1220
        );

    border:
        1px solid
        rgba(
            124,
            58,
            237,
            .25
        );

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

.logo{

    text-align:center;

    font-size:32px;

    font-weight:700;

    margin-bottom:10px;
}

.subtitle{

    text-align:center;

    color:#94A3B8;

    margin-bottom:35px;
}

input{

    width:100%;

    padding:16px;

    margin-bottom:18px;

    border-radius:14px;

    border:1px solid #1F2937;

    background:#0F172A;

    color:white;

    box-sizing:border-box;
}

button{

    width:100%;

    padding:16px;

    border:none;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            #8B5CF6,
            #6366F1
        );

    color:white;

    font-size:16px;

    font-weight:600;

    cursor:pointer;
}

.register-link{

    margin-top:20px;

    text-align:center;
}

.register-link a{

    color:#A78BFA;
}

.login-session-message {
    margin: 14px 0 16px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.login-session-message[hidden] {
    display: none;
}

.login-session-message.is-info {
    border-color:
        rgba(96, 165, 250, .32);

    background:
        rgba(59, 130, 246, .10);

    color:
        #dbeafe;
}

.login-session-message.is-warning {
    border-color:
        rgba(245, 158, 11, .34);

    background:
        rgba(245, 158, 11, .10);

    color:
        #fef3c7;
}

.login-session-message.is-error {
    border-color:
        rgba(244, 63, 94, .34);

    background:
        rgba(244, 63, 94, .10);

    color:
        #ffe4e6;
}

.login-session-message.is-success {
    border-color:
        rgba(34, 197, 94, .30);

    background:
        rgba(34, 197, 94, .09);

    color:
        #dcfce7;
}