/* Shopping Login - Optimized CSS */
/* Added: Safari compatibility, Safe Area support, Small screen (320px) support */

/* Main container */
.homes[data-v-6335770a],
.homes {
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  min-height: 100vh !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
  padding: 20px !important;
  padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)) !important;
  position: relative !important;
}

/* Language button */
.homes[data-v-6335770a] > div[style*="text-align: right"],
.homes > div[style*="text-align: right"] {
  position: relative !important;
  top: 95px !important;
  left: 180px !important;
  -webkit-transform: none !important;
  transform: none !important;
  background: rgba(240, 245, 250, 0.9) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  padding: 12px !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border: 1px solid rgba(30, 60, 114, 0.1) !important;
  z-index: 100 !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}

.homes[data-v-6335770a] > div[style*="text-align: right"] svg,
.homes > div[style*="text-align: right"] svg {
  width: 20px !important;
  height: 20px !important;
}

.homes[data-v-6335770a] > div[style*="text-align: right"] svg *,
.homes > div[style*="text-align: right"] svg * {
  stroke: #1e3c72 !important;
}

/* Logo */
.homes[data-v-6335770a] > img,
.homes > img {
  content: url("/static/img/shopping-logo.png") !important;
  width: 130px !important;
  height: 130px !important;
  min-width: 130px !important;
  min-height: 130px !important;
  margin: 0 0 -100px 0 !important;
  background: #fff !important;
  -webkit-border-radius: 22px !important;
  border-radius: 22px !important;
  padding: 20px !important;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(230, 230, 230, 0.6) !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 10 !important;
  top: 80px !important;
}

/* Main form card */
.homes[data-v-6335770a] > div[style*="width: 90%"],
.homes > div[style*="width: 90%"] {
  background: rgba(255, 255, 255, 0.98) !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
  padding: 200px 50px 50px !important;
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  -webkit-box-shadow: 0 25px 60px rgba(30, 60, 114, 0.25), 0 15px 35px rgba(42, 82, 152, 0.2) !important;
  box-shadow: 0 25px 60px rgba(30, 60, 114, 0.25), 0 15px 35px rgba(42, 82, 152, 0.2) !important;
  position: relative !important;
  border: 1px solid rgba(230, 230, 230, 0.5) !important;
}

/* Top border accent */
.homes[data-v-6335770a] > div[style*="width: 90%"]::before,
.homes > div[style*="width: 90%"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: -webkit-linear-gradient(left, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  background: linear-gradient(90deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  -webkit-border-radius: 20px 20px 0 0 !important;
  border-radius: 20px 20px 0 0 !important;
}

/* Input containers */
.homes[data-v-6335770a] > div[style*="width: 90%"] > div:first-child,
.homes > div[style*="width: 90%"] > div:first-child {
  background: #fff !important;
  border: 1px solid rgba(30, 60, 114, 0.15) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 59px !important;
  margin-bottom: 18px !important;
}

/* Input fields */
.homes input {
  height: 57px !important;
  line-height: 57px !important;
  font-size: 15px !important;
  padding: 0 18px !important;
  background: transparent !important;
  border: none !important;
  color: #333 !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.homes input::-webkit-input-placeholder {
  color: rgba(30, 60, 114, 0.5) !important;
  font-weight: 400 !important;
}

.homes input::-moz-placeholder {
  color: rgba(30, 60, 114, 0.5) !important;
  font-weight: 400 !important;
}

.homes input::placeholder {
  color: rgba(30, 60, 114, 0.5) !important;
  font-weight: 400 !important;
}

/* Password input container */
.homes[data-v-6335770a] > div[style*="width: 90%"] > div[style*="clear: both"],
.homes > div[style*="width: 90%"] > div[style*="clear: both"] {
  background: #fff !important;
  border: 1px solid rgba(30, 60, 114, 0.15) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 59px !important;
  margin-bottom: 18px !important;
  overflow: visible !important;
  position: relative !important;
}

/* Input wrappers - exclude buttons */
.homes > div[style*="width: 90%"] > div[style*="border"]:not([style*="rgb(254, 44, 85)"]):not([style*="rgb(0, 242, 234)"]) {
  background: #fff !important;
  border: 1px solid rgba(30, 60, 114, 0.15) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 59px !important;
  margin-bottom: 18px !important;
}

/* Register/Login button - deep blue */
.homes div[style*="background-color: rgb(254, 44, 85)"] {
  background: -webkit-linear-gradient(315deg, #1e3c72 0%, #2a5298 100%) !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
  background-color: #1e3c72 !important;
  color: #fff !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 57px !important;
  line-height: 57px !important;
  -webkit-box-shadow: 0 8px 20px rgba(30, 60, 114, 0.25) !important;
  box-shadow: 0 8px 20px rgba(30, 60, 114, 0.25) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-top: 15px !important;
  border: none !important;
}

.homes[data-v-6335770a] > div[style*="width: 90%"] > div[style*="clear: both"] > div,
.homes > div[style*="width: 90%"] > div[style*="clear: both"] > div {
  border: none !important;
  background: transparent !important;
}

/* Input text styling */
.homes[data-v-6335770a] input,
.homes input {
  color: #2d3748 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: transparent !important;
  padding: 18px 22px !important;
}

/* Eye icon */
.homes[data-v-6335770a] img[style*="filter: invert"],
.homes img[style*="filter: invert"] {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 0.4 !important;
}

/* Login button - narrower width */
.homes[data-v-6335770a] > div[style*="width: 90%"] > button:first-of-type,
.homes > div[style*="width: 90%"] > button:first-of-type,
.homes > div[style*="width: 90%"] button:not(.van-picker__cancel):not(.van-picker__confirm) {
  background: -webkit-linear-gradient(315deg, #1e3c72 0%, #2a5298 100%) !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 57px !important;
  line-height: 57px !important;
  -webkit-box-shadow: 0 8px 20px rgba(30, 60, 114, 0.25) !important;
  box-shadow: 0 8px 20px rgba(30, 60, 114, 0.25) !important;
  color: #fff !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 25px auto 0 auto !important;
  width: 85% !important;
  max-width: 320px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Reset popup/picker buttons */
.van-picker__cancel,
.van-picker__confirm,
.van-popup button,
.van-action-sheet button {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: normal !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

/* Forget Password link */
.homes[data-v-6335770a] > div[style*="width: 90%"] > span,
.homes > div[style*="width: 90%"] > span,
.homes span[style*="color"],
.homes a[href*="forget"],
.homes div[style*="width: 90%"] > span {
  display: block !important;
  text-align: center !important;
  width: 85% !important;
  max-width: 320px !important;
  margin: 15px auto !important;
  color: #2a5298 !important;
  font-size: 14px !important;
}

/* Customer Service button - transparent link style */
.homes[data-v-6335770a] > div[style*="width: 90%"] > button:nth-of-type(2),
.homes > div[style*="width: 90%"] > button:nth-of-type(2),
.homes button[style*="color: rgb(0, 242, 234)"] {
  display: block !important;
  background: transparent !important;
  color: #1e3c72 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  width: 100% !important;
  height: auto !important;
  line-height: normal !important;
  padding: 15px 0 !important;
  margin: 10px 0 0 0 !important;
  text-align: center !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
}

/* Register link area - same line */
.homes[data-v-6335770a] > div[style*="width: 90%"] > div:last-child,
.homes > div[style*="width: 90%"] > div:last-child {
  color: #2a5298 !important;
  margin-top: 25px !important;
  padding-top: 25px !important;
  border-top: 1px solid rgba(30, 60, 114, 0.08) !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  background: transparent !important;
  height: auto !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  white-space: nowrap !important;
}

/* Span - "Don't Have any Account?" */
.homes[data-v-6335770a] > div[style*="width: 90%"] > div:last-child span,
.homes > div[style*="width: 90%"] > div:last-child span {
  color: #555 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  display: inline !important;
  margin-right: 5px !important;
}

/* ========== MOBILE RESPONSIVE ========== */
@media (max-width: 768px) {
  .homes[data-v-6335770a],
  .homes {
    padding: 15px !important;
    padding: max(15px, env(safe-area-inset-top)) max(15px, env(safe-area-inset-right)) max(15px, env(safe-area-inset-bottom)) max(15px, env(safe-area-inset-left)) !important;
  }

  .homes[data-v-6335770a] > div[style*="width: 90%"],
  .homes > div[style*="width: 90%"] {
    padding: 140px 25px 35px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
    width: 95% !important;
    max-width: 100% !important;
  }

  .homes[data-v-6335770a] > img,
  .homes > img {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
    padding: 15px !important;
    -webkit-border-radius: 18px !important;
    border-radius: 18px !important;
    top: 55px !important;
    margin: 0 0 -70px 0 !important;
  }

  .homes[data-v-6335770a] > div[style*="text-align: right"],
  .homes > div[style*="text-align: right"] {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    right: max(15px, env(safe-area-inset-right)) !important;
    left: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    padding: 10px !important;
  }

  /* Mobile button */
  .homes[data-v-6335770a] > div[style*="width: 90%"] > button:first-of-type,
  .homes > div[style*="width: 90%"] > button:first-of-type,
  .homes > div[style*="width: 90%"] button:not(.van-picker__cancel):not(.van-picker__confirm) {
    width: 100% !important;
    max-width: 100% !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 15px !important;
    margin: 20px 0 0 0 !important;
  }

  /* Mobile Forget Password */
  .homes[data-v-6335770a] > div[style*="width: 90%"] > span,
  .homes > div[style*="width: 90%"] > span,
  .homes div[style*="width: 90%"] > span {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 !important;
    font-size: 13px !important;
  }

  /* Mobile input fields */
  .homes input {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 14px !important;
    padding: 0 15px !important;
  }
}

/* ========== SMALL SCREEN (320px) ========== */
@media (max-width: 375px) {
  .homes[data-v-6335770a],
  .homes {
    padding: 10px !important;
    padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)) !important;
  }

  .homes[data-v-6335770a] > div[style*="width: 90%"],
  .homes > div[style*="width: 90%"] {
    padding: 120px 20px 30px !important;
    -webkit-border-radius: 12px !important;
    border-radius: 12px !important;
    width: 98% !important;
  }

  .homes[data-v-6335770a] > img,
  .homes > img {
    width: 85px !important;
    height: 85px !important;
    min-width: 85px !important;
    min-height: 85px !important;
    padding: 12px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
    top: 45px !important;
    margin: 0 0 -60px 0 !important;
  }

  .homes[data-v-6335770a] > div[style*="text-align: right"],
  .homes > div[style*="text-align: right"] {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 8px !important;
  }

  .homes input {
    height: 46px !important;
    line-height: 46px !important;
    font-size: 13px !important;
    padding: 0 12px !important;
  }

  .homes[data-v-6335770a] > div[style*="width: 90%"] > button:first-of-type,
  .homes > div[style*="width: 90%"] > button:first-of-type,
  .homes > div[style*="width: 90%"] button:not(.van-picker__cancel):not(.van-picker__confirm) {
    height: 46px !important;
    line-height: 46px !important;
    font-size: 14px !important;
    margin: 15px 0 0 0 !important;
  }

  .homes[data-v-6335770a] > div[style*="width: 90%"] > div:last-child,
  .homes > div[style*="width: 90%"] > div:last-child {
    font-size: 13px !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
  }

  .homes[data-v-6335770a] > div[style*="width: 90%"] > div:last-child span,
  .homes > div[style*="width: 90%"] > div:last-child span {
    font-size: 13px !important;
  }
}

/* ========== REGISTER PAGE ========== */

/* Register button - deep blue */
.homes[data-v-5690be2f] div[style*="background-color: rgb(254, 44, 85)"],
.homes div[style*="background-color: rgb(254, 44, 85)"],
.homes div[style*="rgb(254, 44, 85)"] {
  background: -webkit-linear-gradient(315deg, #1e3c72 0%, #2a5298 100%) !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
  background-color: #1e3c72 !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 52px !important;
  line-height: 52px !important;
  -webkit-box-shadow: 0 8px 20px rgba(30, 60, 114, 0.3) !important;
  box-shadow: 0 8px 20px rgba(30, 60, 114, 0.3) !important;
}

/* Contact customer service - transparent link (NOT bordered button) */
.homes[data-v-5690be2f] div[style*="color: rgb(0, 242, 234)"],
.homes div[style*="color: rgb(0, 242, 234)"],
.homes div[style*="rgb(0, 242, 234)"] {
  background: transparent !important;
  color: #2a5298 !important;
  border: none !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  height: auto !important;
  line-height: normal !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 15px 0 !important;
}

/* Register page container */
.register[data-v-app],
.register,
div[class*="register"] {
  background: -webkit-linear-gradient(315deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  min-height: 100vh !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important;
  padding: 20px !important;
  padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)) !important;
  position: relative !important;
}

/* Register form card */
.register > div[style*="width"],
div[class*="register"] > div[style*="width"] {
  background: rgba(255, 255, 255, 0.98) !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
  padding: 60px 40px 40px !important;
  width: 100% !important;
  max-width: 450px !important;
  margin: 0 auto !important;
  -webkit-box-shadow: 0 25px 60px rgba(30, 60, 114, 0.25), 0 15px 35px rgba(42, 82, 152, 0.2) !important;
  box-shadow: 0 25px 60px rgba(30, 60, 114, 0.25), 0 15px 35px rgba(42, 82, 152, 0.2) !important;
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* Register form top border */
.register > div[style*="width"]::before,
div[class*="register"] > div[style*="width"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: -webkit-linear-gradient(left, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  background: linear-gradient(90deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%) !important;
  -webkit-border-radius: 20px 20px 0 0 !important;
  border-radius: 20px 20px 0 0 !important;
}

/* Register logo */
.register > img,
div[class*="register"] > img {
  content: url("/static/img/shopping-logo.png") !important;
  width: 100px !important;
  height: 100px !important;
  margin: 0 0 -40px 0 !important;
  background: #fff !important;
  -webkit-border-radius: 20px !important;
  border-radius: 20px !important;
  padding: 12px !important;
  -webkit-box-shadow: 0 15px 35px rgba(30, 60, 114, 0.2), 0 5px 15px rgba(42, 82, 152, 0.15) !important;
  box-shadow: 0 15px 35px rgba(30, 60, 114, 0.2), 0 5px 15px rgba(42, 82, 152, 0.15) !important;
  border: 3px solid rgba(42, 82, 152, 0.2) !important;
  -o-object-fit: contain !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Register inputs */
.register input,
div[class*="register"] input {
  color: #2d3748 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  background: transparent !important;
  padding: 18px 22px !important;
}

.register input::-webkit-input-placeholder,
div[class*="register"] input::-webkit-input-placeholder {
  color: rgba(30, 60, 114, 0.5) !important;
  font-weight: 400 !important;
}

.register input::placeholder,
div[class*="register"] input::placeholder {
  color: rgba(30, 60, 114, 0.5) !important;
  font-weight: 400 !important;
}

/* Register input wrapper */
.register .van-cell,
.register .van-field,
div[class*="register"] .van-cell,
div[class*="register"] .van-field {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid rgba(30, 60, 114, 0.1) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  margin-bottom: 15px !important;
  overflow: hidden !important;
}

/* Register button */
.register button[type="submit"],
.register > div button:first-of-type,
div[class*="register"] button[type="submit"],
div[class*="register"] > div button:first-of-type {
  background: -webkit-linear-gradient(315deg, #1e3c72 0%, #2a5298 100%) !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  height: 56px !important;
  line-height: 56px !important;
  -webkit-box-shadow: 0 10px 25px rgba(30, 60, 114, 0.3), 0 5px 15px rgba(42, 82, 152, 0.2) !important;
  box-shadow: 0 10px 25px rgba(30, 60, 114, 0.3), 0 5px 15px rgba(42, 82, 152, 0.2) !important;
  color: #fff !important;
  border: none !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 25px !important;
  width: 100% !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Register login link */
.register > div > div:last-child,
div[class*="register"] > div > div:last-child {
  color: rgba(45, 55, 72, 0.7) !important;
  margin-top: 30px !important;
  padding-top: 25px !important;
  border-top: 1px solid rgba(30, 60, 114, 0.15) !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.register > div > div:last-child span:last-child,
div[class*="register"] > div > div:last-child span:last-child {
  color: #2a5298 !important;
  font-weight: 600 !important;
}

/* Register captcha row */
.register div[style*="display: flex"],
div[class*="register"] div[style*="display: flex"] {
  gap: 10px !important;
}

.register button[style*="background"],
div[class*="register"] button[style*="background"] {
  background: -webkit-linear-gradient(315deg, #1e3c72 0%, #2a5298 100%) !important;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !important;
  -webkit-border-radius: 12px !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Register eye icon */
.register img[style*="filter: invert"],
div[class*="register"] img[style*="filter: invert"] {
  -webkit-filter: none !important;
  filter: none !important;
  opacity: 0.4 !important;
}

/* Register mobile */
@media (max-width: 768px) {
  .register > div[style*="width"],
  div[class*="register"] > div[style*="width"] {
    padding: 50px 30px 35px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px !important;
  }

  .register > img,
  div[class*="register"] > img {
    width: 80px !important;
    height: 80px !important;
  }
}

/* Register small screen */
@media (max-width: 375px) {
  .register > div[style*="width"],
  div[class*="register"] > div[style*="width"] {
    padding: 40px 20px 30px !important;
    -webkit-border-radius: 12px !important;
    border-radius: 12px !important;
  }

  .register > img,
  div[class*="register"] > img {
    width: 70px !important;
    height: 70px !important;
  }

  .register button[type="submit"],
  .register > div button:first-of-type,
  div[class*="register"] button[type="submit"],
  div[class*="register"] > div button:first-of-type {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 16px !important;
  }
}