.member-main {
    padding-top: 4rem;
}

.member-shell {
    display: flex;
    justify-content: center;
}

.member-card {
    width: min(100%, 32rem);
    padding: 2.5rem;
    background: var(--theme-surface);
    border: 1px solid var(--theme-border);
    border-radius: 1.5rem;
    box-shadow: var(--theme-shadow);
}

.member-content {
    color: var(--theme-text);
}

.member-content .um {
    color: var(--theme-text);
}

.member-content .um-form {
    color: var(--theme-text);
}

.member-account-content .um-account {
    max-width: 100%;
}

.member-account__fallback {
    margin: 0;
    color: var(--theme-muted);
}

.member-content .um-form input[type="text"],
.member-content .um-form input[type="password"],
.member-content .um-form input[type="email"],
.member-content .um-form input[type="number"],
.member-content .um-form input[type="tel"],
.member-content .um-form textarea,
.member-content .um-form .um-form-field {
    width: 100%;
    min-height: 3rem;
    border: 1px solid var(--theme-border);
    border-radius: 0.9rem;
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.member-content .um-form input::placeholder,
.member-content .um-form textarea::placeholder {
    color: var(--theme-muted);
}

.member-content .um-form input:focus,
.member-content .um-form textarea:focus,
.member-content .um-form .um-form-field:focus {
    border-color: var(--theme-accent);
    box-shadow: 0 0 0 4px rgba(47, 125, 103, 0.14);
    outline: none;
}

.member-content .um-button,
.member-content .um input[type="submit"].um-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.8rem 1.15rem !important;
    border: 1px solid var(--theme-accent) !important;
    border-radius: 999px !important;
    background: var(--theme-accent) !important;
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: transform 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.member-content .um-button:hover,
.member-content .um-button:focus,
.member-content .um input[type="submit"].um-button:hover,
.member-content .um input[type="submit"].um-button:focus {
    background: #276a58 !important;
    border-color: #276a58 !important;
    box-shadow: 0 12px 28px rgba(23, 49, 43, 0.14) !important;
    transform: translateY(-1px);
}

.member-content .um-button.um-alt,
.member-content .um a.um-button.um-alt {
    border-color: var(--theme-border) !important;
    background: transparent !important;
    color: var(--theme-text) !important;
}

.member-content .um-button.um-alt:hover,
.member-content .um-button.um-alt:focus,
.member-content .um a.um-button.um-alt:hover,
.member-content .um a.um-button.um-alt:focus {
    border-color: var(--theme-accent) !important;
    background: rgba(47, 125, 103, 0.08) !important;
    color: var(--theme-accent) !important;
}

.member-content .um-link-alt,
.member-content .um a.um-link-alt {
    color: var(--theme-accent) !important;
    font-weight: 600;
    text-decoration: none;
}

.member-content .um-link-alt:hover,
.member-content .um-link-alt:focus,
.member-content .um a.um-link-alt:hover,
.member-content .um a.um-link-alt:focus {
    color: #276a58 !important;
    text-decoration: underline;
}

.member-content .um-col-alt,
.member-content .um-col-alt-b {
    margin-top: 1rem;
}

.member-content .um .um-field-label,
.member-content .um .um-field-block {
    color: var(--theme-text);
}

.member-content .um .um-notice {
    border-radius: 1rem;
}

.member-content .um .um-field-hp {
    display: none !important;
}

@media (max-width: 700px) {
    .member-card {
        padding: 1.5rem;
    }
}