.max-width-448px {
    max-width: 448px !important;
}

.p-32px {
    padding: 32px !important;
}

.mb-32px {
    margin-bottom: 32px !important;
}

.fs-24px {
    font-size: 24px !important;
}

.login-input {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
    outline: none; /* focus:outline-none */
    transition: border-color 0.2s, box-shadow 0.2s;
}

.login-input:focus {
    border-color: #6366F1;
    box-shadow: 0 0 0 1px #6366F1, /* border ring */ 0 1px 2px rgba(0, 0, 0, 0.05);
}

.sign-in-btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #4F46E5; /* bg-indigo-600 */
    outline: none; /* focus:outline-none */
    transition: background-color 0.2s, box-shadow 0.2s;
}

.sign-in-btn:hover {
    background-color: #4338CA; /* hover:bg-indigo-700 */
}

.sign-in-btn:focus {
    box-shadow: 0 0 0 2px white,
    0 0 0 4px #6366F1 !important;
}

.sign-in-btn:disabled {
    opacity: 0.5; /* disabled:opacity-50 */
    cursor: not-allowed; /* disabled:cursor-not-allowed */
}

.forgot-password-link {
    color: #7239ea;
}

.forgot-password-link:hover {
    color: #6233ce;
}