@media (max-width: 768px) {

  html body main.clearfix,
  html body main.clearfix * {
    box-sizing: border-box !important;
  }

  html body main.clearfix {
    color: #ffffff !important;
  }

  html body main.clearfix > .page-header-title:first-child {
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    background:
      radial-gradient(circle at 50% -38%, rgba(216, 164, 54, .13) 0%, rgba(216, 164, 54, 0) 42%),
      linear-gradient(90deg, transparent 0%, rgba(216, 164, 54, .045) 18%, rgba(216, 164, 54, .085) 50%, rgba(216, 164, 54, .045) 82%, transparent 100%),
      repeating-linear-gradient(90deg, rgba(216,164,54,.050) 0 1px, transparent 1px 34px),
      linear-gradient(180deg, #061226 0%, #0b1a35 46%, #040a17 100%) !important;
    border-top: 1px solid rgba(255, 225, 142, .20) !important;
    border-bottom: 1px solid rgba(216, 164, 54, .34) !important;
    box-shadow:
      0 8px 18px rgba(0, 0, 0, .36),
      inset 0 1px 0 rgba(255, 255, 255, .035),
      inset 0 -1px 0 rgba(0, 0, 0, .70) !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  html body main.clearfix > .page-header-title:first-child::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;
    width: 72% !important;
    max-width: 310px !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(90deg, transparent 0%, rgba(216, 164, 54, .24) 18%, rgba(244, 199, 98, .58) 50%, rgba(216, 164, 54, .24) 82%, transparent 100%) !important;
    opacity: .50 !important;
  }

  html body main.clearfix > .page-header-title:first-child::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    left: 0 !important;
    right: 0 !important;
    top: 7px !important;
    height: 12px !important;
    pointer-events: none !important;
    opacity: .34 !important;
    background:
      linear-gradient(90deg, transparent 0%, rgba(216, 164, 54, .16) 18%, transparent 32%, transparent 68%, rgba(216, 164, 54, .16) 82%, transparent 100%),
      repeating-linear-gradient(90deg, transparent 0 22px, rgba(244, 199, 98, .090) 22px 23px, transparent 23px 40px) !important;
  }

  html body main.clearfix > .page-header-title:first-child h3 {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    margin: 0 auto !important;
    padding: 0 0 0 12px !important;
    color: #fff7dc !important;
    font-family: Impact, "Arial Black", "Trebuchet MS", Arial, sans-serif !important;
    font-size: 0 !important;
    line-height: 54px !important;
    font-weight: 900 !important;
    font-stretch: condensed !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    text-align: center !important;
    letter-spacing: .65px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-shadow:
      0 1px 0 rgba(0, 0, 0, .95),
      0 0 4px rgba(255, 255, 255, .32),
      0 0 9px rgba(255, 255, 255, .20),
      0 0 16px rgba(255, 255, 255, .11) !important;
  }

  html body main.clearfix > .page-header-title:first-child h3::before {
    content: "DAFTAR AKUN JURAGAN69" !important;
    display: inline-block !important;
    font-family: Impact, "Arial Black", "Trebuchet MS", Arial, sans-serif !important;
    font-size: 15.3px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .48px !important;
    transform: skewX(-6deg) scaleX(1) !important;
    position: relative !important;
    color: #fffaf0 !important;
    text-shadow:
      0 1px 0 rgba(0, 0, 0, .96),
      0 0 4px rgba(255, 255, 255, .42),
      0 0 10px rgba(255, 255, 255, .24),
      0 0 18px rgba(255, 255, 255, .12) !important;
  }

  html body main.clearfix > .page-header-title:first-child h3::after {
    content: "" !important;
    display: inline-block !important;
    width: 23px !important;
    height: 23px !important;
    margin-left: -3px !important;
    position: relative !important;
    top: 0 !important;
    background: url("https://juragan69.b-cdn.net/assets/favicon.ico") no-repeat center center !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, .22)) drop-shadow(0 1px 1px rgba(0, 0, 0, .72)) !important;
    pointer-events: none !important;
    transform-origin: 50% 50% !important;
    animation: j69RegIconSpin 14s linear infinite !important;
  }

  html body main.clearfix > .page-header-title:first-child a,
  html body main.clearfix > .page-header-title:first-child #returnlastpage {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }


  html body main.clearfix .btn-default-container {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 8px 28px !important;
  }

  html body main.clearfix form#RegisterForm {
    width: 100% !important;
    margin: 0 auto 72px !important;
    padding: 13px 12px 18px !important;
    position: relative !important;
    border: 1px solid rgba(216, 164, 54, .38) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 214, 104, .08) 0%, rgba(255, 214, 104, 0) 34%),
      linear-gradient(180deg, rgba(7, 18, 36, .76) 0%, rgba(2, 8, 22, .84) 100%) !important;
    backdrop-filter: blur(1.5px) !important;
    -webkit-backdrop-filter: blur(1.5px) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 0 1px rgba(255,255,255,.018) !important;
    overflow: hidden !important;
  }

  html body main.clearfix form#RegisterForm::before {
    content: "Mulai langkah pertama sebagai Juragan.\A Akun resmi kamu siap diverifikasi." !important;
    display: block !important;
    min-height: 48px !important;
    margin: 0 0 16px !important;
    padding: 10px 54px 10px 14px !important;
    border: 1px solid rgba(216, 164, 54, .30) !important;
    border-left: 3px solid #d8a436 !important;
    border-radius: 11px !important;
    background:
      radial-gradient(circle at 0% 50%, rgba(216, 164, 54, .18) 0%, rgba(216, 164, 54, 0) 34%),
      linear-gradient(90deg, rgba(3, 10, 24, .82) 0%, rgba(10, 24, 50, .54) 100%) !important;
    color: rgba(255, 244, 205, .94) !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 10.8px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    letter-spacing: .02px !important;
    text-align: left !important;
    white-space: pre-line !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.70) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 5px 12px rgba(0,0,0,.12) !important;
  }

  html body main.clearfix form#RegisterForm::after {
    content: "✓" !important;
    position: absolute !important;
    top: 29px !important;
    right: 23px !important;
    z-index: 3 !important;
    width: 21px !important;
    height: 21px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    clip-path: polygon(50% 0%, 61% 13%, 78% 7%, 84% 24%, 100% 30%, 90% 45%, 100% 61%, 83% 67%, 78% 84%, 61% 79%, 50% 100%, 39% 79%, 22% 84%, 16% 67%, 0 61%, 10% 45%, 0 30%, 16% 24%, 22% 7%, 39% 13%) !important;
    background:
      radial-gradient(circle at 35% 25%, #75d0ff 0%, #2aa8ff 34%, #1d9bf0 58%, #096fd2 100%) !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 21px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .28) !important;
    filter:
      drop-shadow(0 0 0 rgba(255,255,255,.95))
      drop-shadow(0 1px 4px rgba(0,0,0,.34))
      drop-shadow(0 0 7px rgba(29,155,240,.35)) !important;
    pointer-events: none !important;
  }

  html body main.clearfix form#RegisterForm .textfield-wrap {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  html body main.clearfix form#RegisterForm .input-referral {
    margin-bottom: 10px !important;
  }

  html body main.clearfix form#RegisterForm .textfield-wrap label {
    display: block !important;
    margin: 0 0 6px !important;
    padding: 0 2px !important;
    color: rgba(255,255,255,.94) !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 11.6px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.72) !important;
  }

  html body main.clearfix form#RegisterForm .textfield-wrap label span {
    margin-left: 4px !important;
    color: #f4c762 !important;
    font-weight: 900 !important;
  }

  html body main.clearfix form#RegisterForm .group-wrap {
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;
    gap: 9px !important;
  }

  html body main.clearfix form#RegisterForm .input-field,
  html body main.clearfix form#RegisterForm .select-type {
    position: relative !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    border: 1px solid rgba(216, 164, 54, .26) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #f5f8ff 0%, #e3ebf7 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 4px 10px rgba(0,0,0,.16) !important;
    overflow: hidden !important;
  }

  html body main.clearfix form#RegisterForm .group-wrap .input-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body main.clearfix form#RegisterForm .input-field input,
  html body main.clearfix form#RegisterForm .select-type select,
  html body main.clearfix form#RegisterForm input,
  html body main.clearfix form#RegisterForm select {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 38px 0 12px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #071326 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    outline: none !important;
    box-shadow: none !important;
  }

  html body main.clearfix form#RegisterForm input::placeholder {
    color: rgba(7, 19, 38, .46) !important;
    font-weight: 700 !important;
    letter-spacing: .05px !important;
  }

  html body main.clearfix form#RegisterForm .input-field:focus-within,
  html body main.clearfix form#RegisterForm .select-type:focus-within {
    border-color: rgba(216, 164, 54, .82) !important;
    box-shadow: 0 0 0 2px rgba(216, 164, 54, .16), 0 5px 12px rgba(0,0,0,.18) !important;
  }

  html body main.clearfix form#RegisterForm .password-field .input-field {
    float: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
  }

  html body main.clearfix form#RegisterForm .login-show-pass,
  html body main.clearfix form#RegisterForm .btn-pwd-visibility,
  html body main.clearfix form#RegisterForm .textfield-wrap .btn-grey {
    float: none !important;
    flex: 0 0 128px !important;
    width: 128px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255, 224, 130, .48) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #f5d573 0%, #d3a03a 48%, #875713 100%) !important;
    color: #071326 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 9.5px !important;
    line-height: 42px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 4px 10px rgba(0,0,0,.20) !important;
  }

  html body main.clearfix form#RegisterForm #PasswordVisibility,
  html body main.clearfix form#RegisterForm #CPasswordVisibility {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 42px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255, 224, 130, .48) !important;
    background: linear-gradient(180deg, #f6d978 0%, #d3a03a 48%, #875713 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 4px 10px rgba(0,0,0,.20) !important;
  }

  html body main.clearfix form#RegisterForm #PasswordVisibility::before,
  html body main.clearfix form#RegisterForm #CPasswordVisibility::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 23px !important;
    height: 23px !important;
    transform: translate(-50%, -50%) !important;
    background-color: #071326 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.6C7 4.6 2.73 7.7 1 12c1.73 4.3 6 7.4 11 7.4s9.27-3.1 11-7.4c-1.73-4.3-6-7.4-11-7.4Zm0 12.1A4.7 4.7 0 1 1 12 7.3a4.7 4.7 0 0 1 0 9.4Zm0-7.2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.6C7 4.6 2.73 7.7 1 12c1.73 4.3 6 7.4 11 7.4s9.27-3.1 11-7.4c-1.73-4.3-6-7.4-11-7.4Zm0 12.1A4.7 4.7 0 1 1 12 7.3a4.7 4.7 0 0 1 0 9.4Zm0-7.2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body main.clearfix form#RegisterForm #PasswordVisibility::after,
  html body main.clearfix form#RegisterForm #CPasswordVisibility::after {
    content: none !important;
    display: none !important;
  }

  html body main.clearfix form#RegisterForm #PasswordVisibility[data-visible="true"]::before,
  html body main.clearfix form#RegisterForm #CPasswordVisibility[data-visible="true"]::before {
    width: 24px !important;
    height: 24px !important;
    background-color: #071326 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.28 3.22 1 4.5l3.06 3.06C2.78 8.65 1.75 10.15 1 12c1.73 4.3 6 7.4 11 7.4 1.83 0 3.55-.42 5.07-1.16l2.43 2.43 1.28-1.28-18.5-18.5ZM12 17.1c-3.43 0-6.41-1.86-8.01-4.63a9.38 9.38 0 0 1 1.53-2.21l2.18 2.18A4.7 4.7 0 0 0 12 16.7c.59 0 1.15-.11 1.67-.31l1.98 1.98A9.64 9.64 0 0 1 12 17.1Zm0-10.2c3.43 0 6.41 1.86 8.01 4.63a9.52 9.52 0 0 1-2.45 3l-1.77-1.77A4.7 4.7 0 0 0 11.24 8.2L9.6 6.56A9.95 9.95 0 0 1 12 6.9Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.28 3.22 1 4.5l3.06 3.06C2.78 8.65 1.75 10.15 1 12c1.73 4.3 6 7.4 11 7.4 1.83 0 3.55-.42 5.07-1.16l2.43 2.43 1.28-1.28-18.5-18.5ZM12 17.1c-3.43 0-6.41-1.86-8.01-4.63a9.38 9.38 0 0 1 1.53-2.21l2.18 2.18A4.7 4.7 0 0 0 12 16.7c.59 0 1.15-.11 1.67-.31l1.98 1.98A9.64 9.64 0 0 1 12 17.1Zm0-10.2c3.43 0 6.41 1.86 8.01 4.63a9.52 9.52 0 0 1-2.45 3l-1.77-1.77A4.7 4.7 0 0 0 11.24 8.2L9.6 6.56A9.95 9.95 0 0 1 12 6.9Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  html body main.clearfix form#RegisterForm .mobile-field .select-type {
    float: none !important;
    flex: 0 0 94px !important;
    width: 94px !important;
  }

  html body main.clearfix form#RegisterForm .mobile-field .input-field {
    float: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
  }

  html body main.clearfix form#RegisterForm .mobile-field .select-type select,
  html body main.clearfix form#RegisterForm #CountryCode {
    padding: 0 30px 0 11px !important;
  }

  html body main.clearfix form#RegisterForm .select-type::after {
    content: "" !important;
    position: absolute !important;
    right: 13px !important;
    top: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 6px solid #071326 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    opacity: .74 !important;
  }

  html body main.clearfix form#RegisterForm .textfield-wrap i.fas.fa-times-circle {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    color: #2f9447 !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html body main.clearfix form#RegisterForm .tooltip {
    display: block !important;
    min-height: 12px !important;
    margin: 5px 0 0 !important;
    padding: 0 1px !important;
    color: #ff6262 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }

  html body main.clearfix form#RegisterForm .validation-error .input-field,
  html body main.clearfix form#RegisterForm .validation-error .select-type {
    border-color: rgba(255, 74, 92, .82) !important;
    box-shadow: 0 0 0 2px rgba(255,74,92,.14), 0 4px 10px rgba(0,0,0,.16) !important;
  }

  html body main.clearfix form#RegisterForm .validation-error i.fas.fa-times-circle {
    color: #d74343 !important;
  }

  html body main.clearfix form#RegisterForm .validation-pass .input-field,
  html body main.clearfix form#RegisterForm .validation-pass .select-type {
    border-color: rgba(65, 166, 82, .70) !important;
  }

  html body main.clearfix form#RegisterForm #bank-form-container.info-page-content {
    margin: 10px 0 16px !important;
    padding: 12px 10px 10px !important;
    border: 1px solid rgba(216, 164, 54, .26) !important;
    border-radius: 12px !important;
    background: rgba(0,0,0,.18) !important;
    overflow: hidden !important;
  }

  html body main.clearfix form#RegisterForm #bank-form-container.info-page-content > .page-header-title {
    min-height: 38px !important;
    margin: -12px -10px 14px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.45) !important;
    background: linear-gradient(180deg, #f5d573 0%, #d3a03a 48%, #875713 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), inset 0 -9px 13px rgba(70,39,0,.22) !important;
  }

  html body main.clearfix form#RegisterForm #bank-form-container.info-page-content > .page-header-title h3 {
    width: 100% !important;
    margin: 0 !important;
    color: #071326 !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 38px !important;
    font-weight: 900 !important;
    letter-spacing: .6px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.38) !important;
  }

  html body main.clearfix form#RegisterForm .captcha-field {
    margin-top: 16px !important;
    padding-top: 2px !important;
    clear: both !important;
  }

  html body main.clearfix form#RegisterForm .captcha-field .group-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px 38px !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  html body main.clearfix form#RegisterForm .captcha-field .input-field {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body main.clearfix form#RegisterForm .captcha-field #imgCaptcha,
  html body main.clearfix form#RegisterForm .img-captcha {
    width: 90px !important;
    max-width: 90px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 2px !important;
    border: 1px solid rgba(216,164,54,.42) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    object-fit: cover !important;
    display: block !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 4px 10px rgba(0,0,0,.16) !important;
  }

  html body main.clearfix form#RegisterForm .captcha-field i#reloadCaptcha,
  html body main.clearfix form#RegisterForm .btn-reload-captcha {
    position: static !important;
    width: 38px !important;
    height: 42px !important;
    min-width: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: 1px solid rgba(216,164,54,.42) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgba(7, 18, 36, .90), rgba(2, 8, 19, .98)) !important;
    color: #f4c762 !important;
    font-size: 13px !important;
    line-height: 42px !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 10px rgba(0,0,0,.18) !important;
  }

  html body main.clearfix form#RegisterForm .textfield-wrap[style] {
    margin-top: 18px !important;
  }

  html body main.clearfix form#RegisterForm .btn-submit-register,
  html body main.clearfix form#RegisterForm #RegisterButton {
    position: relative !important;
    width: 100% !important;
    height: 52px !important;
    margin: 4px 0 0 !important;
    padding: 0 18px !important;
    border: 1px solid rgba(255, 232, 151, .76) !important;
    border-radius: 12px !important;
    background:
      radial-gradient(circle at 50% -18%, rgba(255, 247, 190, .42) 0%, rgba(255, 247, 190, 0) 44%),
      linear-gradient(180deg, #fff0a6 0%, #e9b844 22%, #b77915 50%, #6f4309 100%) !important;
    color: #fff7dc !important;
    font-family: Impact, "Arial Black", "Trebuchet MS", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 52px !important;
    font-weight: 900 !important;
    letter-spacing: .58px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    text-shadow:
      0 1px 0 rgba(0, 0, 0, .92),
      1px 1px 0 rgba(73, 38, 0, .50),
      0 0 8px rgba(255, 245, 198, .20) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.70),
      inset 0 -14px 18px rgba(57, 30, 0, .34),
      0 10px 22px rgba(0,0,0,.36),
      0 0 18px rgba(216,164,54,.18) !important;
    overflow: hidden !important;
  }

  html body main.clearfix form#RegisterForm #RegisterButton::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    top: 6px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.72) 50%, transparent 100%) !important;
    pointer-events: none !important;
    opacity: .52 !important;
  }

  html body main.clearfix form#RegisterForm #RegisterButton::after {
    content: "" !important;
    display: inline-block !important;
    width: 25px !important;
    height: 25px !important;
    margin-left: 2px !important;
    position: relative !important;
    top: 0 !important;
    background: url("https://juragan69.b-cdn.net/assets/favicon.ico") no-repeat center center !important;
    background-size: contain !important;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, .24)) drop-shadow(0 1px 1px rgba(0, 0, 0, .78)) !important;
    pointer-events: none !important;
    transform-origin: 50% 50% !important;
    animation: j69RegIconSpin 14s linear infinite !important;
  }

  html body main.clearfix form#RegisterForm #RegisterButton:active {
    transform: translateY(1px) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.52),
      inset 0 -8px 12px rgba(88, 50, 0, .28),
      0 5px 12px rgba(0,0,0,.30) !important;
  }
  
  html body main.clearfix form#RegisterForm #UsernameCheck,
  html body main.clearfix form#RegisterForm #EmailCheck,
  html body main.clearfix form#RegisterForm #PasswordCheck,
  html body main.clearfix form#RegisterForm #CpasswordCheck,
  html body main.clearfix form#RegisterForm #FirstNameCheck,
  html body main.clearfix form#RegisterForm #MobileNumberCheck {
    padding-bottom: 1px !important;
  }
  
  
  @keyframes j69RegisterButtonSweep {
    0%, 58%, 100% {
      left: -42%;
      opacity: 0;
    }
    68% {
      opacity: .85;
    }
    84% {
      left: 112%;
      opacity: 0;
    }
  }

  @keyframes j69RegIconSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  html body main.clearfix .pageTop-element,
  html body main.clearfix #pageTop,
  html body main.clearfix .pageTop {
    display: none !important;
  }
  
}