.account-page {
    min-height: calc(100vh - 10rem);
    display: grid;
    place-items: start center;
    padding: clamp(2rem, 7vw, 5rem) 1rem;
}

.account-card {
    width: min(31rem, 100%);
    padding: clamp(1.4rem, 5vw, 2.5rem);
    border: 1px solid #e2e7ee;
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .1);
}

.account-card-wide {
    width: min(42rem, 100%);
}

.account-logo {
    width: 5.5rem;
    height: 5.5rem;
    object-fit: contain;
}

.account-card h1 {
    color: #1b2d43;
    font-size: clamp(1.65rem, 5vw, 2.1rem);
    font-weight: 800;
}

.account-card .alert,
.manage-panel .alert {
    white-space: pre-line;
}

.account-card .form-control:focus,
.manage-panel .form-control:focus {
    border-color: #4e73df;
    box-shadow: 0 0 0 .2rem rgba(78, 115, 223, .15);
}

.account-status-icon {
    display: grid;
    place-items: center;
    width: 3.75rem;
    height: 3.75rem;
    margin: 0 auto 1rem;
    border-radius: 50%;
    font-size: 1.7rem;
}

.account-status-success {
    color: #157347;
    background: #e8f6ee;
}

.account-status-error {
    color: #b02a37;
    background: #fbeaec;
}

.manage-form {
    max-width: 34rem;
}