.elementor-18 .elementor-element.elementor-element-74f6b2f6{--display:flex;}/* Start custom CSS for container, class: .elementor-element-74f6b2f6 *//* =====================================================
   CANADA STYLE — USERWP SIGNUP / REGISTER (FINAL)
   Wrapper class: uwp-signup-canada
===================================================== */

.uwp-signup-canada{
  --ca-red:#E31837;
  --ca-red2:#C8102E;
  --dark:#0f172a;
  --muted:#64748b;
  --bg:#f6f7fb;
  --card:#ffffff;
  --line:rgba(15,23,42,.12);
  --shadow:0 25px 70px rgba(2,6,23,.15);
  --radius:20px;

  background:linear-gradient(180deg,#ffffff 0%, var(--bg) 100%);
  padding:40px 16px;
  border-radius:22px;

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* 🔑 form center */
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* ---------- SIGNUP CARD ---------- */
.uwp-signup-canada :where(form, .uwp-register){
  width:420px !important;
  max-width:100% !important;
  margin:0 auto !important;

  background:var(--card) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  padding:26px 22px !important;
  border:1px solid var(--line) !important;
}

/* ---------- Heading ---------- */
.uwp-signup-canada :where(h1,h2,h3){
  text-align:center !important;
  font-weight:900 !important;
  color:var(--dark) !important;
  letter-spacing:-.4px;
  margin:0 0 18px 0 !important;
}

.uwp-signup-canada :where(h2)::after{
  content:"";
  display:block;
  width:60px;
  height:4px;
  margin:10px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ca-red),rgba(227,24,55,.25));
}

/* ---------- Labels ---------- */
.uwp-signup-canada :where(label){
  font-size:13px !important;
  font-weight:800 !important;
  color:var(--muted) !important;
  margin:0 0 6px 0 !important;
  display:block !important;
}

/* ---------- Fields ---------- */
.uwp-signup-canada :where(.uwp-field, .form-row, p){
  margin:0 0 14px 0 !important;
}

/* ---------- Inputs ---------- */
.uwp-signup-canada :where(input[type="text"], input[type="email"], input[type="password"]){
  width:100% !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.18) !important;
  border-radius:14px !important;
  padding:13px 14px !important;
  font-size:14px !important;
  outline:none !important;
  transition:.25s ease;
}

.uwp-signup-canada :where(input:focus){
  border-color:var(--ca-red) !important;
  box-shadow:0 0 0 4px rgba(227,24,55,.12) !important;
}

/* ---------- REGISTER BUTTON ---------- */
.uwp-signup-canada :where(button, input[type="submit"]){
  width:100% !important;
  border:none !important;
  border-radius:14px !important;
  padding:14px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
  color:#fff !important;
  background:linear-gradient(90deg,var(--ca-red),var(--ca-red2)) !important;
  box-shadow:0 18px 35px rgba(227,24,55,.35) !important;
  cursor:pointer !important;
  text-transform:uppercase !important;
  transition:.25s ease !important;
  margin-top:6px !important;
}

.uwp-signup-canada :where(button:hover, input[type="submit"]:hover){
  transform:translateY(-2px);
  filter:brightness(.96);
}

/* =====================================================
   LOGIN BUTTON BELOW SIGNUP FORM
   class usually: .uwp-login-link
===================================================== */

.uwp-signup-canada a.uwp-login-link{
  width:420px !important;
  max-width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:12px !important;
  margin-top:14px !important;

  border-radius:14px !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-decoration:none !important;

  color:var(--ca-red2) !important;
  background:rgba(227,24,55,.06) !important;
  border:1px solid rgba(227,24,55,.18) !important;
}

/* hover */
.uwp-signup-canada a.uwp-login-link:hover{
  background:rgba(227,24,55,.10) !important;
  transform:translateY(-1px);
}

/* ---------- Mobile ---------- */
@media (max-width:520px){
  .uwp-signup-canada{
    padding:26px 12px;
  }
  .uwp-signup-canada :where(form, .uwp-register){
    padding:22px 18px !important;
  }
}/* End custom CSS */