.elementor-864 .elementor-element.elementor-element-a7da436{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}@media(min-width:768px){.elementor-864 .elementor-element.elementor-element-a7da436{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-9e071cc *//* Clean Plate Club — Auth Panels */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.cpc-auth{
  display:grid;
  grid-template-columns: 1.1fr 1fr; /* image : form */
  gap: 0;
  background: transparent;            /* page background shows through */
  border-radius: 20px;
  overflow: hidden;
  max-width: 980px;
  margin: 40px auto;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 20px 60px rgba(0,0,0,.12);
}

/* Left image (desktop/tablet only) */
.cpc-auth__media{
  min-height: 520px;
  background-size: cover;
  background-position: center;
}

/* Login image */
.cpc-auth__media--login{
  background-image: url('https://cleanplateclub.life/wp-content/uploads/2025/09/DSC04652-scaled.jpg');
}

/* Register image */
.cpc-auth__media--register{
  background-image: url('https://cleanplateclub.life/wp-content/uploads/2025/09/FV5A0134-scaled.jpg');
}

/* Right panel */
.cpc-auth__panel{
  background:#fff;
  padding: 32px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.cpc-auth__title{
  margin:0 0 6px 0;
  font-size: clamp(22px, 3vw, 28px);
  font-weight: 700;
  color:#2b2f36;
}

.cpc-auth__sub{
  margin:0 0 18px 0;
  font-size: 14px;
  color:#6b7280;
}

.cpc-auth__form .cpc-field{
  display:block;
  margin-bottom:14px;
}
.cpc-field__label{
  display:block;
  font-size: 12px;
  font-weight:600;
  color:#464646;
  margin-bottom:6px;
}
.cpc-input{
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 14px;
  font-size:14px;
  color:#2b2f36;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.cpc-input:focus{
  border-color:#61CE70;
  box-shadow: 0 0 0 3px rgba(97,206,112,.18);
}

.cpc-auth__options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin: 6px 0 12px 0;
  font-size: 13px;
}
.cpc-check{
  display:flex; align-items:center; gap:8px;
  color:#4B5563;
}
.cpc-link{
  color:#61CE70; text-decoration:none; font-weight:600;
}
.cpc-link:hover{ text-decoration:underline; }

/* CTA buttons */
.cpc-btn{
  display:inline-block;
  width:100%;
  border:none;
  padding: 12px 16px;
  border-radius: 9999px;
  font-weight: 700;
  font-size: 14px;
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.cpc-btn--brand{
  background:#61CE70; color:#fff;
  box-shadow: 0 10px 22px rgba(97,206,112,.35);
}
.cpc-btn--brand:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(97,206,112,.45);
}

.cpc-auth__links{
  margin-top: 12px;
  font-size: 13px;
  color:#4B5563;
}
.cpc-auth__links a{ color:#61CE70; font-weight:700; text-decoration:none; }
.cpc-auth__links a:hover{ text-decoration:underline; }

.cpc-auth__back{
  margin-top:10px;
  text-align:left;
}
.cpc-back-home{
  display:inline-block;
  font-size: 13px;
  color:#61CE70;
  font-weight:700;
  text-decoration:none;
}
.cpc-back-home:hover{ text-decoration:underline; }

/* Mobile layout: hide image and make the form full width */
@media (max-width: 767px){
  .cpc-auth{
    grid-template-columns: 1fr;
    border-radius:16px;
    margin: 24px auto;
    box-shadow: 0 12px 36px rgba(0,0,0,.10);
  }
  .cpc-auth__media{ display:none; }
  .cpc-auth__panel{ padding: 24px 18px; }
}/* End custom CSS */