/* Donebypay registration — scoped to the registration page only. */
.dbp-register{background:#f4f7fd;color:#17243f;min-height:calc(100vh - 64px);padding:clamp(24px,5vw,72px) 20px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.dbp-register *{box-sizing:border-box}
.dbp-register-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border-radius:24px;box-shadow:0 20px 65px rgba(16,36,82,.09);overflow:hidden;min-height:720px}
.dbp-register-story{position:relative;isolation:isolate;background:linear-gradient(145deg,#111c64 0%,#173a8c 56%,#2356b7 100%);color:#fff;padding:clamp(30px,4vw,56px);overflow:hidden}
.dbp-register-story:before,.dbp-register-story:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:-1}
.dbp-register-story:before{width:490px;height:490px;right:-300px;top:-180px;box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 130px rgba(255,255,255,.025)}
.dbp-register-story:after{width:350px;height:350px;left:-230px;bottom:-180px}
.dbp-story-inner{height:100%;display:flex;flex-direction:column}
.dbp-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:#cbdcff;display:flex;align-items:center;gap:10px;margin-bottom:64px}
.dbp-live-dot{height:8px;width:8px;background:#76e4b2;border-radius:50%;box-shadow:0 0 0 5px rgba(118,228,178,.12)}
.dbp-register-story h1{font-size:clamp(36px,4vw,54px);font-weight:800;line-height:1.14;letter-spacing:-1.8px;margin:0 0 20px}
.dbp-register-story h1 span{color:#a8d7ff}
.dbp-register-story>div>p{font-size:15px;line-height:1.8;color:#d8e5ff;max-width:370px;margin:0 0 46px}
.dbp-feature-list{display:grid;gap:26px}
.dbp-feature{display:flex;align-items:flex-start;gap:15px}
.dbp-feature-icon{flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:20px;color:#fff}
.dbp-feature strong,.dbp-feature small{display:block}
.dbp-feature strong{font-size:15px;margin:1px 0 5px;color:#fff}
.dbp-feature small{font-size:13px;line-height:1.55;color:#d4e2ff}
.dbp-story-bottom{margin-top:auto;padding-top:60px;font-size:12px;color:#c7dbff}
.dbp-story-bottom i{margin-right:7px}
.dbp-register-panel{padding:clamp(25px,4.2vw,56px);min-width:0}
.dbp-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.dbp-step{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#2e62c3}
.dbp-back-link{font-size:12px;font-weight:650;color:#5d6c86;text-decoration:none}
.dbp-back-link:hover,.dbp-register a:hover{color:#174fc1}
.dbp-panel-heading h2{font-size:clamp(26px,3vw,34px);letter-spacing:-1px;font-weight:800;margin:0 0 9px;color:#17243f}
.dbp-panel-heading p{color:#697790;font-size:13px;margin:0 0 30px;line-height:1.6}
.dbp-register a{color:#205ac5;text-decoration:none;font-weight:700}
.dbp-form-section-label{font-size:10px;font-weight:800;letter-spacing:1.25px;color:#64748e;margin-bottom:16px}
.dbp-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:17px}
.dbp-fields.dbp-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dbp-field{min-width:0}
.dbp-field label{display:block;font-size:12px;font-weight:700;color:#33435d;margin:0 0 8px}
.dbp-register .dbp-field .form-control,.dbp-register .dbp-field .form-select{display:block;width:100%;min-height:46px;padding:11px 14px;border:1px solid #dbe3ef;border-radius:10px;background:#fbfcff;color:#192844;font-size:13px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.dbp-register .dbp-field .form-control:focus,.dbp-register .dbp-field .form-select:focus{outline:none;border-color:#3a74dc;box-shadow:0 0 0 3px rgba(58,116,220,.12)}
.dbp-register .dbp-field .form-control::placeholder{color:#9ca9bc}
.dbp-password-title{margin-top:28px}
.dbp-password-wrap{position:relative}
.dbp-register .dbp-password-wrap input{padding-right:43px}
.dbp-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#73819b;padding:8px;display:grid;place-items:center;border-radius:7px}
.dbp-eye:focus-visible{outline:2px solid #3a74dc}
.dbp-password-hint{font-size:11px;color:#77859b;display:flex;gap:7px;align-items:center;margin:0 0 23px}
.dbp-terms{font-size:12px;line-height:1.7;color:#6b7890;margin:0 0 22px}
.dbp-register .dbp-submit{width:100%;min-height:50px;border:0;border-radius:11px;background:#1c4db3;color:#fff;font-size:14px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .2s,transform .2s}
.dbp-register .dbp-submit:hover{background:#153d92;transform:translateY(-1px)}
.dbp-register .dbp-submit:focus-visible{outline:3px solid #88b6ff;outline-offset:3px}
.dbp-signin-bottom{text-align:center;font-size:12px;color:#75829a;margin:21px 0 0}
@media(max-width:950px){.dbp-register-shell{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.dbp-register-story{padding:30px}.dbp-register-panel{padding:32px}.dbp-eyebrow{margin-bottom:42px}.dbp-register-story h1{font-size:36px}}
@media(max-width:720px){.dbp-register{padding:16px 12px 32px}.dbp-register-shell{display:flex;flex-direction:column;border-radius:18px;min-height:0}.dbp-register-story{padding:28px 25px}.dbp-eyebrow{margin-bottom:16px}.dbp-register-story h1{font-size:32px;letter-spacing:-1px;margin-bottom:9px}.dbp-register-story>div>p{font-size:13px;margin-bottom:0}.dbp-feature-list,.dbp-story-bottom{display:none}.dbp-register-panel{padding:27px 22px 34px}.dbp-panel-top{margin-bottom:22px}.dbp-panel-heading p{margin-bottom:25px}}
@media(max-width:430px){.dbp-register .dbp-fields.dbp-two{grid-template-columns:1fr}.dbp-register-panel{padding:24px 18px 30px}.dbp-register-story{padding:25px 20px}.dbp-register-story h1{font-size:30px}.dbp-fields{gap:14px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.dbp-register .dbp-submit,.dbp-register .dbp-field .form-control,.dbp-register .dbp-field .form-select{transition:none}}