.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #F8F8F8;
}

.login-card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 48px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    max-width: 400px;
    width: 100%;

    .login-logo {
        height: 48px;
        margin-bottom: 24px;
    }

    h1 {
        font-size: 24px;
        color: #202327;
        margin-bottom: 8px;
    }

    .login-subtitle {
        font-size: 14px;
        color: #B3B3B3;
        margin-bottom: 32px;
    }

    .login-button {
        width: 100%;
        height: 44px;
        background: #438EF4;
        color: #FFFFFF;
        border: none;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;

        &:hover { background: #0D56BA; }
    }
}