/***
 *  ░   ░░░  ░░░      ░░░   ░░░  ░░   ░░░  ░░  ░░░░  ░░░      ░░░░      ░░░░      ░░░░      ░░░        ░
 *  ▒    ▒▒  ▒▒  ▒▒▒▒  ▒▒    ▒▒  ▒▒    ▒▒  ▒▒▒  ▒▒  ▒▒▒  ▒▒▒▒▒▒▒▒  ▒▒▒▒  ▒▒  ▒▒▒▒  ▒▒  ▒▒▒▒▒▒▒▒  ▒▒▒▒▒▒▒
 *  ▓  ▓  ▓  ▓▓  ▓▓▓▓  ▓▓  ▓  ▓  ▓▓  ▓  ▓  ▓▓▓▓    ▓▓▓▓  ▓▓▓   ▓▓  ▓▓▓▓  ▓▓  ▓▓▓▓  ▓▓▓      ▓▓▓      ▓▓▓
 *  █  ██    ██        ██  ██    ██  ██    █████  █████  ████  ██  ████  ██  ████  ████████  ██  ███████
 *  █  ███   ██  ████  ██  ███   ██  ███   █████  ██████      ████      ████      ████      ███        █
 *
 *                 •   •
 *    ┓┏┏┏┓┏┓┏┓┓┏┏┏┓┏┏┏┓
 *    ┗┻┛┗┻┛┗┗┫┗┻┛┗┗┻┛┗┗
 *            ┛
 *  2024.11.22                                                                                                      
 */
html,
body {
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input.account {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input.verify-code {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.verify-code-button {
    display: block;
    position: absolute;
    right: 16px;
    top: 16px;
    text-decoration: none;
    color: var(--bs-secondary-color);
    font-size: 12px;
    line-height: 20px;
}