.elementor-403 .elementor-element.elementor-element-5d1de646{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-403 .elementor-element.elementor-element-64cc395{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-403 .elementor-element.elementor-element-64cc395.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}:root{--page-title-display:none;}@media(min-width:601px){.elementor-403 .elementor-element.elementor-element-5d1de646{--content-width:800px;}.elementor-403 .elementor-element.elementor-element-64cc395{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-60baca1d */.shortcode-wrapper, 
.shortcode-wrapper * {
  font-family: inherit !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d1de646 *//* =========================================================
   LOGIN / ACCOUNT PANEL, MATCH SCREENSHOT
   - Left-aligned content
   - Warm gold haze at top
   - Two wide gold-outline buttons
   ========================================================= */

/* Tokens */
:root{
  --brand-gold:#d6b15e;
  --gold-line: rgba(214,177,94,.40);
  --gold-glow: rgba(214,177,94,.16);

  --panel-top: rgba(42,38,28,.42);  /* warm haze */
  --panel-mid: rgba(18,18,18,.82);
  --panel-bot: rgba(0,0,0,.92);

  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);
  --radius: 18px;
}

/* MAIN CARD */
.login-page{
  width: 100%;
  max-width: 880px;
  margin: 0 auto;

  /* left aligned like screenshot */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  text-align: left;

  padding: 34px 40px;

  border-radius: var(--radius);
  border: 1px solid rgba(214,177,94,.22);

  background:
    radial-gradient(1050px 520px at 18% 0%,
      rgba(214,177,94,.22) 0%,
      rgba(214,177,94,.10) 26%,
      rgba(0,0,0,0) 62%),
    radial-gradient(900px 420px at 50% 0%,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.06) 24%,
      rgba(0,0,0,0) 60%),
    linear-gradient(180deg, var(--panel-top) 0%, var(--panel-mid) 46%, var(--panel-bot) 100%);

  backdrop-filter: blur(12px) saturate(125%);
  -webkit-backdrop-filter: blur(12px) saturate(125%);

  box-shadow:
    0 26px 60px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 34px rgba(214,177,94,.10);

  position: relative;
  overflow: hidden;

  font-family: 'Montserrat', sans-serif;
  color: var(--text);
}

/* Top sheen */
.login-page::before{
  content:"";
  position:absolute;
  inset:-2px -2px auto -2px;
  height: 55%;
  background:
    radial-gradient(80% 70% at 22% 12%,
      rgba(214,177,94,.22) 0%,
      rgba(214,177,94,.10) 32%,
      rgba(0,0,0,0) 72%),
    linear-gradient(110deg,
      rgba(255,255,255,.12) 0%,
      rgba(255,255,255,.05) 26%,
      rgba(0,0,0,0) 62%);
  opacity:.75;
  pointer-events:none;
}

/* Soft edge glow */
.login-page::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  box-shadow:
    0 0 0 1px rgba(214,177,94,.26),
    0 0 22px rgba(214,177,94,.14);
  pointer-events:none;
}

/* =========================
   SWPM TEXT, MATCH SCREENSHOT
   ========================= */
.login-page .swpm-logged-in-curr-user{
  padding: 0;
  margin: 0 0 18px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.login-page .swpm-logged-in-curr-user > div{
  padding: 0;
  border: 0;
  margin: 0 0 10px 0;
}

.login-page .swpm-logged-in-label{
  display:block;
  font-weight: 800;
  font-size: 1.15rem;     /* bold headings like "Account Status" */
  letter-spacing: .01em;
  text-transform: none;   /* screenshot shows normal case */
  color: rgba(255,255,255,.90);
  margin: 0 0 2px 0;
}

.login-page .swpm-logged-in-value{
  display:block;
  font-weight: 500;
  font-size: 1.05rem;
  color: var(--muted);
}

/* =========================
   BUTTONS, MATCH SCREENSHOT
   ========================= */
.login-page .swpm-logged-in-curr-user a,
.login-page .swpm-login-form input[type="submit"]{
  width: 100%;
  display: block;

  margin: 14px 0 0 0;
  padding: 14px 18px;

  border-radius: 14px;
  border: 1px solid var(--gold-line);

  background:
    radial-gradient(120% 160% at 18% 0%,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.03) 34%,
      rgba(0,0,0,0) 68%),
    linear-gradient(180deg,
      rgba(0,0,0,.38) 0%,
      rgba(0,0,0,.55) 55%,
      rgba(0,0,0,.72) 100%);

  box-shadow:
    0 14px 28px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 0 26px var(--gold-glow);

  color: var(--brand-gold) !important;
  text-decoration: none;

  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 800;
  font-size: .86rem;

  /* screenshot has left-aligned button text */
  text-align: left;
  padding-left: 22px;

  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.login-page .swpm-logged-in-curr-user a:hover,
.login-page .swpm-login-form input[type="submit"]:hover{
  border-color: rgba(214,177,94,.70);
  box-shadow:
    0 18px 34px rgba(0,0,0,.56),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 36px rgba(214,177,94,.18);
  transform: translateY(-1px);
}

.login-page .swpm-logged-in-curr-user a:active,
.login-page .swpm-login-form input[type="submit"]:active{
  transform: translateY(0px);
}

/* Logout stays gold like screenshot (no red takeover) */
.login-page .swpm-logout-link a{
  border-color: var(--gold-line) !important;
  color: var(--brand-gold) !important;
  background:
    radial-gradient(120% 160% at 18% 0%,
      rgba(255,255,255,.06) 0%,
      rgba(255,255,255,.02) 34%,
      rgba(0,0,0,0) 68%),
    linear-gradient(180deg,
      rgba(0,0,0,.38) 0%,
      rgba(0,0,0,.55) 55%,
      rgba(0,0,0,.72) 100%) !important;
}/* End custom CSS */