.wp-block-column.em-auth-card,
.wp-block-group.em-auth-card,
.em-auth-card {
    background: var(--em-white) !important;
    border: 1px solid var(--em-border) !important;
    border-radius: 18px !important;
    padding: 28px 26px !important;
    box-shadow: 0 4px 12px rgba(23,33,27,0.05) !important;
}

.wp-block-column.em-auth-login,
.wp-block-group.em-auth-login,
.em-auth-login {
    border: 2px solid var(--em-primary) !important;
    box-shadow: 0 10px 28px rgba(34,197,94,0.15) !important;
}

.em-auth-card h2 {
    color: var(--em-brand);
    font-size: 24px;
    margin-bottom: 8px;
}

.em-auth-card p {
    color: var(--em-muted);
    font-size: 14px;
    margin-bottom: 20px;
}

.um {
    max-width: 100% !important;
}

.um input[type="text"],
.um input[type="password"],
.um input[type="email"] {
    border-radius: 10px !important;
    border: 1px solid var(--em-border) !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    background: #fff !important;
}

.um input:focus {
    border-color: var(--em-primary) !important;
    outline: none !important;
}

.um-field-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--em-text) !important;
}

.um input[type="submit"],
.um button,
.um .um-button {
    width: 100% !important;
    background: var(--em-primary) !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.um input[type="submit"]:hover,
.um button:hover,
.um .um-button:hover {
    background: var(--em-primary-hover) !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.um .um-alt,
.um input.um-alt,
.um button.um-alt {
    display: none !important;
}

.um a {
    color: var(--em-brand) !important;
}

.um a:hover {
    text-decoration: underline;
}