.login-page{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:24px;

}



.login-card{

    width:420px;

    background:white;

    border:1px solid var(--border);

    border-radius:var(--radius-card);

    box-shadow:var(--shadow);

    padding:48px;

    text-align:center;

}


.login-card {
    animation: fadeIn .3s ease;
}



.login-logo{

    width:56px;

    height:56px;

    margin:0 auto 24px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--primary);

    color:white;

    border-radius:16px;

    font-size:22px;

    font-weight:800;

}



.login-card h1{

    font-size:32px;

    font-weight:900;

    margin-bottom:8px;

}



.login-subtitle{

    color:var(--text-light);

    margin-bottom:32px;

}



.login-card form p{

    text-align:left;

    margin-bottom:16px;

}



.login-card label{

    display:block;

    font-size:14px;

    font-weight:600;

    margin-bottom:8px;

}



.login-card button{

    width:100%;

    margin-top:16px;

}



.login-security{

    margin-top:24px;

    font-size:14px;

    color:var(--text-light);

}