/* index.html */
.index-page .login-wrap {
        min-height: calc(100vh - 160px);
        display: grid;
        place-items: center;
    }

.index-page .login-card {
        width: min(420px, 100%);
        border: 1px solid rgba(148, 163, 184, 0.22);
        border-radius: 8px;
        background: #111b2c;
        padding: 28px;
    }

.index-page .login-card h2 {
        margin: 0 0 8px;
        font-size: 1.25rem;
    }

.index-page .login-card p {
        margin: 0 0 22px;
        color: #91a1b7;
    }

.index-page .field {
        margin-bottom: 16px;
    }

.index-page .field label {
        display: block;
        margin-bottom: 7px;
        color: #c7d2e1;
        font-size: 0.86rem;
        font-weight: 700;
    }

.index-page .error {
        margin-bottom: 16px;
        border: 1px solid rgba(248, 113, 113, 0.42);
        border-radius: 8px;
        background: rgba(248, 113, 113, 0.1);
        color: #fecdd3;
        padding: 11px 12px;
        font-size: 0.9rem;
    }