/*=========================================
  Login
=========================================*/

body{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:100vh;

    padding:var(--space-5);

    background:#FAFAFA;

}

.login-wrapper{

    width:100%;

    max-width:430px;

}

.login-card{

    background:var(--color-surface);

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

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

    box-shadow:var(--shadow-sm);

    padding:40px;

}

.logo{

    font-size:var(--text-3xl);

    font-weight:var(--fw-bold);

    letter-spacing:-0.03em;

    margin-bottom:8px;

}

.subtitle{

    font-size:var(--text-lg);

    font-weight:var(--fw-semibold);

    margin-bottom:8px;

}

.description{

    margin-bottom:32px;

    color:var(--color-text-light);

    line-height:1.6;

}

#result{

    min-height:20px;

    margin-top:18px;

    color:var(--color-danger);

    font-size:14px;

    white-space:pre-wrap;

}

#result.success{

    color:var(--color-success);

}

.login-links{

    margin-top:20px;

    text-align:center;

}

.login-link{

    text-decoration:none;

    color:var(--color-text-light);

    font-size:14px;

    transition:var(--transition);

}

.login-link:hover{

    color:var(--color-text);

}

.register-section{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:6px;

    margin-top:24px;

    font-size:14px;

}

.register-link{

    color:var(--color-black);

    font-weight:600;

    text-decoration:none;

}

.register-link:hover{

    text-decoration:underline;

}

.footer{

    margin-top:28px;

    text-align:center;

    font-size:13px;

    color:var(--color-text-light);

}

@media(max-width:480px){

.login-card{

padding:28px;

}

}