.reset-password {
    align-items: center;
    display: flex;
    flex-direction: column;

    .logo {
        padding: 100px 0;
    }

    h1 {
        margin-bottom: 30px;
    }

    form {
        display: flex;
        flex-direction: column;
        width: 400px;
        gap: 20px;
    }

    input {
        border-radius: 5px;
        border: 1px solid #ccc;
        color: #333;
        font-size: 16px;
        margin-bottom: 15px;
        padding: 10px;
        width: 100%;
    }

    input:focus {
        border-color: #0066cc;
        outline: none;
    }

    button {
        background-color: #0066cc;
        color: #fff;
        border: none;
        padding: 10px 15px;
        border-radius: 5px;
        cursor: pointer;
    }

    button:hover {
        background-color: #005bb5;
    }

    .login-link {
        align-self: center;
        color: #0066cc;
        font-size: 14px;
        text-decoration: none;
    }

    .login-link:hover {
        color: #005bb5;
        text-decoration: underline;
    }

    form ul {
        color: #a94442;
        font-size: 14px;
        list-style: none;
        margin: 5px 0;
    }
}