body .reg-center {
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(155,99,230,.25), transparent 70%),
    radial-gradient(380px 240px at 0% 60%, rgba(255,212,94,.20), transparent 70%),
    linear-gradient(180deg, #F6F1FD 0%, #E4D6F6 100%) !important;
}
body .reg-logo { margin: 0 auto 26px; width: fit-content; min-width: 140px; padding: 12px 26px; position: relative;
  background: linear-gradient(180deg,#fff,#f4edff); border: 3px solid #fff; border-radius: 24px;
  box-shadow: 0 7px 0 #cdb9ea, 0 16px 24px rgba(91,31,168,.25), inset 0 -3px 0 rgba(91,31,168,.07); }
body .reg-logo::before { content: ''; position: absolute; left: 10px; right: 10px; top: 5px; height: 36%; border-radius: 18px 18px 36px 36px;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,0)); pointer-events: none; }
body .reg-logo img { max-height: 64px !important; position: relative; }
body .reg-title { color: #2b2b2b; font-size: 21px; }
body .reg-title::after { content: ''; display: block; width: 46px; height: 5px; border-radius: 4px; margin: 8px auto 0; background: linear-gradient(90deg,#ffd45e,#b08c2e); }
body .reg-card, body .driver-panel, body .staff-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.82)) !important;
  border: 1.5px solid #fff !important; border-radius: 26px !important;
  box-shadow: 0 2px 0 #fff inset, 0 8px 0 -2px rgba(91,31,168,.10), 0 22px 34px -10px rgba(70,30,130,.35) !important;
}
body .reg-desc { color: #6b6b6b; }
body .reg-mobile-input {
  height: 54px; border: 2px solid #e5dcf4 !important; border-radius: 30px !important; background: #fbf9ff !important;
  box-shadow: inset 0 3px 6px rgba(91,31,168,.12), 0 2px 0 #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px;
}
body .reg-mobile-input:focus { outline: none; border-color: #5B1FA8 !important; box-shadow: inset 0 3px 6px rgba(91,31,168,.12), 0 0 0 4px rgba(91,31,168,.15); }
body .reg-btn-row .btn-confirm-reg, body .btn-confirm-reg, body .driver-submit-btn {
  border-radius: 30px; height: 52px; padding: 0 22px; color: #fff; font-weight: bold; text-shadow: 0 2px 2px rgba(0,0,0,.35); border: 0;
  background: linear-gradient(180deg,#8a4fe0 0%,#6a2cc0 48%,#5B1FA8 52%,#4c1792 100%);
  box-shadow: 0 6px 0 #331069, 0 12px 20px rgba(91,31,168,.38), inset 0 2px 0 rgba(255,255,255,.4); transition: transform .08s, box-shadow .08s;
  display: inline-flex; align-items: center; justify-content: center;
}
body .reg-btn-row .btn-cancel-reg, body .btn-cancel-reg {
  border-radius: 30px; height: 52px; padding: 0 22px; color: #fff; font-weight: bold; text-shadow: 0 2px 2px rgba(0,0,0,.3); border: 0;
  background: linear-gradient(180deg,#f0776b 0%,#d9483b 48%,#c0392b 52%,#a82e22 100%);
  box-shadow: 0 6px 0 #6f1d15, 0 12px 20px rgba(192,57,43,.35), inset 0 2px 0 rgba(255,255,255,.35); transition: transform .08s, box-shadow .08s;
  display: inline-flex; align-items: center; justify-content: center;
}
body .btn-confirm-reg:active, body .driver-submit-btn:active { transform: translateY(5px); box-shadow: 0 1px 0 #331069, 0 4px 8px rgba(91,31,168,.3), inset 0 2px 0 rgba(255,255,255,.3); }
body .btn-cancel-reg:active { transform: translateY(5px); box-shadow: 0 1px 0 #6f1d15, inset 0 2px 0 rgba(255,255,255,.3); }
body .reg-btn-row { gap: 12px; margin-top: 12px; padding-bottom: 6px; }
body .otp-digit {
  width: 44px; height: 54px; border-radius: 14px; border: 2px solid #e5dcf4; font-size: 22px; font-weight: bold;
  background: linear-gradient(180deg,#fff,#f6f1fd); box-shadow: 0 4px 0 #d6c8ec;
}
body .otp-digit:focus { outline: none; border-color: #5B1FA8; box-shadow: 0 4px 0 #b79ee0, 0 0 0 4px rgba(91,31,168,.15); }
body .driver-field { border: 2px solid #e5dcf4 !important; border-radius: 14px !important; background: #fbf9ff !important; box-shadow: inset 0 2px 4px rgba(91,31,168,.08); }
body .driver-field > label { background: linear-gradient(180deg,#f3ecff,#e6dbf7) !important; color: #4c1792 !important; border-left: 1px solid #d6c8ec !important; }
body .reg-home-btn-orig { border-radius: 14px !important; border: 2px solid #fff !important;
  background: linear-gradient(180deg,#fff3c4,#ffd45e) !important; box-shadow: 0 4px 0 #b08c2e, 0 9px 14px rgba(0,0,0,.2), inset 0 2px 0 rgba(255,255,255,.8) !important; }