:root{
  --bg:#0f1121; --glass:rgba(255,255,255,.06);
  --text:#e7e9ff; --muted:#9aa0c3; --brand:#972141;
  --radius:20px; --shadow:0 20px 60px rgba(0,0,0,.45);
}
/**/
/* Logo wrapper with white circle */
.mnm-auth-brand img {
  background: #fff;              /* white background */
  border-radius: 50%;            /* make it a circle */
  padding: 12px;                 /* space around logo */
  height: 64px;                  /* slightly larger than before */
  width: 64px;                   /* force square for circle */
  object-fit: contain;           /* keep logo proportions inside */
  box-shadow: 0 4px 14px rgba(0,0,0,.25); /* soft shadow for depth */
}




/* Wrap centers content and gives a soft, full-width hero feel */
.mnm-auth-portal{min-height:calc(100dvh - 160px); /* leaves room for site header/footer */
  background:
    radial-gradient(1000px 500px at 10% 10%, #2b1e42 0, transparent 60%),
    radial-gradient(900px 500px at 90% 20%, #1b2b52 0, transparent 60%),
    radial-gradient(1000px 500px at 50% 100%, #421e35 0, transparent 65%),
    var(--bg);
  display:grid; place-items:center; padding:28px 16px; color:var(--text);
}

/* Card */
.mnm-auth-card{width:min(980px,95vw); background:var(--glass);
  border:1px solid rgba(255,255,255,.12); border-radius:var(--radius);
  box-shadow:var(--shadow); overflow:hidden}

/* Brand */
.mnm-auth-brand{text-align:center; padding:36px 28px 10px}
.mnm-auth-brand img{height:44px; width:auto; display:block; margin:0 auto 8px}
.mnm-auth-brand h1{margin:6px 0 2px; font-weight:700; letter-spacing:.2px}
.mnm-auth-brand p{margin:0; opacity:.9}

/* Tabs */
.mnm-auth-tabs{display:flex; gap:8px; justify-content:center; padding:14px 12px 0}
.mnm-tab{cursor:pointer; border:none; background:transparent; color:#cfd5ff;
  padding:10px 16px; border-radius:999px; font-weight:600; letter-spacing:.2px; transition:.2s}
.mnm-tab:hover{background:rgba(255,255,255,.08)}
.mnm-tab.is-active{background:var(--brand); color:#fff; box-shadow:0 6px 22px rgba(151,33,65,.35)}

/* Panels */
.mnm-auth-panels{display:grid; padding:22px; background:rgba(0,0,0,.15)}
.mnm-panel{display:none}
.mnm-panel.is-active{display:block}

/* Ultimate Member form polish */
.um input[type=text], .um input[type=email], .um input[type=password],
.um .um-form textarea, .um .um-form select{
  background:rgba(255,255,255,.08) !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important; border-radius:12px !important; padding:12px 14px !important;
}
.um .um-field-label{color:#e7e9ff !important; font-weight:600}
.um .um-button, .um input[type=submit]{background:var(--brand) !important; border:none !important;
  border-radius:12px !important; padding:12px 16px !important; font-weight:700 !important}
.um .um-button:hover, .um input[type=submit]:hover{filter:brightness(1.05)}

/* Footer */
.mnm-auth-foot{padding:18px 24px; text-align:center; opacity:.85; border-top:1px solid rgba(255,255,255,.12)}

.page-id-PAGEID header, .page-id-PAGEID .elementor-location-header,
.page-id-PAGEID footer, .page-id-PAGEID .elementor-location-footer { display:none !important; }
.page-id-PAGEID .site-main { margin:0 !important; }



/* 1) Uniform, compact form width for ALL tabs (login/register/forgot) */
.mnm-auth-panels .um {              /* wraps any Ultimate Member form */
  max-width: 560px;                 /* same width as your login look */
  width: 92vw;                      /* safe on small screens */
  margin: 0 auto;                   /* centered */
}

/* If a UM form injects full-width rows/columns, force our width cap */
.mnm-auth-panels .um .um-form,
.mnm-auth-panels .um .um-row {
  max-width: 100%;
}

/* 2) Bigger logo with a white circular badge */
/* make Register/Forgot forms same compact width as Login (reinforce) */
.mnm-auth-panels .um,
.mnm-auth-panels .um .um-form { 
  max-width: 560px !important;
  width: 92vw !important;
  margin: 0 auto !important;
}

/* BIG white circular logo badge */
.mnm-auth-brand .mnm-logo-circle{
  display:flex; justify-content:center; align-items:center;
  width: 150px; height: 150px;              /* circle size */
  margin: 0 auto 16px;
  background:#fff; border-radius:50%;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  border: 2px solid rgba(255,255,255,.35);
  overflow: hidden;                          /* clip the zoomed image */
}

/* Zoom the image to overcome internal whitespace in the PNG */
.mnm-auth-brand .mnm-logo-circle img{
  width: 100% !important; 
  height: 100% !important;
  object-fit: contain;
  transform: scale(1.9);                     /* <- adjust 1.5–2.2 to taste */
  transform-origin: center center;
}