/* XPLAYZ V125.4 • standalone and embedded auth surface, same palette as deposit navy. */
html:has(body.xp-auth-v1254),body.xp-auth-v1254{background:#07182b!important;color:#ecf6ff!important;color-scheme:dark;font-family:'Kanit',sans-serif!important}
body.xp-auth-v1254{--green:#24b552;--green2:#159a45;--bg:#081a2d;--panel:#0d2742;--panel2:#132f47;--line:rgba(128,201,175,.19);--text:#eaf5ff;--muted:#9dafc3;min-height:100vh}
body.xp-auth-v1254 .lux-auth-atmosphere{display:none!important}
body.xp-auth-v1254 .topbar{background:#0d2541!important;border-color:rgba(92,172,136,.19)!important}
body.xp-auth-v1254 .lux-auth-layout,body.xp-auth-v1254 .lux-register-layout{background:radial-gradient(circle at top,#123856,#061426 62%)!important}
body.xp-auth-v1254 .lux-auth-story{background:#0c2540!important;border-color:#26465e!important;color:#eaf6ff!important}
body.xp-auth-v1254 .lux-auth-story h2,body.xp-auth-v1254 .lux-auth-story p,body.xp-auth-v1254 .lux-story-feature strong{color:#eaf6ff!important}
body.xp-auth-v1254 .auth-card,body.xp-auth-v1254 .stage-card{background:linear-gradient(165deg,#132c48,#08182c)!important;border:1px solid #25455c!important;border-radius:23px!important;box-shadow:0 24px 65px rgba(0,0,0,.36)!important}
body.xp-auth-v1254 .hero-logo img,body.xp-auth-v1254 .brand-large img{max-height:85px!important}
body.xp-auth-v1254 .title,body.xp-auth-v1254 .page-title{color:#fff!important;font-weight:800!important}
body.xp-auth-v1254 .field label,body.xp-auth-v1254 .field-head label{color:#e4f1fc!important;font-weight:700!important}
body.xp-auth-v1254 .field-head a,body.xp-auth-v1254 .support a,body.xp-auth-v1254 .auth-switch a{color:#58e38a!important}
body.xp-auth-v1254 .input-wrap input{background:#fff!important;color:#182b42!important;border:2px solid #dae3ef!important;border-radius:18px!important;height:51px!important;font:500 15px 'Kanit',sans-serif!important}
body.xp-auth-v1254 .input-wrap input::placeholder{color:#8797a8!important;opacity:1}
body.xp-auth-v1254 .input-wrap input:focus{outline:none!important;border-color:#20c969!important;box-shadow:0 0 0 3px rgba(37,202,97,.16)!important}
body.xp-auth-v1254 .input-wrap .ico{color:#61748a!important}
body.xp-auth-v1254 .toggle-pass{color:#4d6077!important}
body.xp-auth-v1254 .primary,body.xp-auth-v1254 .stage-card .btn-primary,body.xp-auth-v1254 .stage-card .-submit{background:linear-gradient(105deg,#229e4b,#23b950)!important;color:white!important;border:0!important;border-radius:999px!important;font:800 16px 'Kanit',sans-serif!important;box-shadow:0 10px 22px rgba(19,159,69,.19)!important}
body.xp-auth-v1254 .secondary{background:#1a2d43!important;border:1px solid #34526e!important;color:#e6f2ff!important;border-radius:15px!important}
body.xp-auth-v1254 .message.error,body.xp-auth-v1254 .notice.error{background:#41212e!important;border-color:#83364c!important;color:#ffbdc8!important}
body.xp-auth-v1254 .message.ok,body.xp-auth-v1254 .notice.ok{background:#123c2b!important;border-color:#207d4f!important;color:#bbffd4!important}
body.xp-auth-v1254 .bottom-nav{background:#0c233b!important;border-color:#25435c!important}
body.xp-auth-v1254 .bottom-nav a{color:#c3d5e6!important}
body.xp-auth-v1254 .bottom-nav b{color:#43d77d!important}
body.xp-auth-v1254 .step i{background:#1a3349!important;border:1px solid #36516b!important;color:#a9c9de!important}
body.xp-auth-v1254 .step.active i{background:#22b951!important;border-color:#22b951!important;color:white!important}
body.xp-auth-v1254 .step{color:#a8c5d9!important}
body.xp-auth-v1254 #registerStage input:not([type="checkbox"]):not([type="radio"]),body.xp-auth-v1254 #registerStage select,body.xp-auth-v1254 #registerStage textarea,body.xp-auth-v1254 #registerStage .selectize-input{background:#fff!important;color:#132a40!important;border:1px solid #cfdde8!important;border-radius:14px!important;min-height:48px!important}
body.xp-auth-v1254 #registerStage input::placeholder{color:#8294a8!important}
body.xp-auth-v1254 #registerStage input:focus,body.xp-auth-v1254 #registerStage select:focus{border-color:#27bd63!important;box-shadow:0 0 0 3px rgba(28,190,99,.18)!important}
body.xp-auth-v1254 #registerStage .-title,body.xp-auth-v1254 #registerStage h1,body.xp-auth-v1254 #registerStage h2,body.xp-auth-v1254 #registerStage h3,body.xp-auth-v1254 #registerStage label{color:#eff9ff!important}
body.xp-auth-v1254 #registerStage .-text-message,body.xp-auth-v1254 #registerStage p{color:#b2c6d8!important}
body.xp-auth-v1254 #registerStage .js-bank-account-form .only-bank .-title{background:#163049!important;color:#e4f2fe!important;border-color:#3b5a73!important}
body.xp-auth-v1254 #registerStage .js-bank-account-form .only-bank .-text-hint{background:#123b31!important;color:#d4f7e2!important;border-color:#28734e!important}
body.xp-auth-v1254 #registerStage input[name="customer_bank_account[number]"]{background:#fff!important;color:#1a2b43!important}
/* Embedded inside first-party customer auth modal. No duplicate topbar, bottom menu or story. */
html:has(body.xp-auth-embedded),body.xp-auth-embedded{min-height:0!important;height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;background:transparent!important;color-scheme:normal}
body.xp-auth-embedded{padding:0 0 8px!important;min-height:0!important}
body.xp-auth-embedded .topbar,body.xp-auth-embedded .bottom-nav,body.xp-auth-embedded .lux-auth-story,body.xp-auth-embedded .lux-auth-atmosphere,body.xp-auth-embedded .hero-logo,body.xp-auth-embedded .brand-large,body.xp-auth-embedded .page-title,body.xp-auth-embedded .lux-form-security,body.xp-auth-embedded .lux-auth-subtitle,body.xp-auth-embedded .divider,body.xp-auth-embedded .secondary,body.xp-auth-embedded .auth-switch,body.xp-auth-embedded .support{display:none!important}
body.xp-auth-embedded .lux-auth-layout,body.xp-auth-embedded .lux-register-layout{display:block!important;width:100%!important;min-height:0!important;max-width:100%!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
body.xp-auth-embedded .auth-wrap,body.xp-auth-embedded .lux-register-main{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important}
body.xp-auth-embedded .auth-card,body.xp-auth-embedded .register-shell,body.xp-auth-embedded .stage-card{width:100%!important;max-width:none!important;min-height:0!important;padding:9px 20px 12px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.xp-auth-embedded .auth-card .title{display:none!important}
body.xp-auth-embedded .field{margin-bottom:12px!important}
body.xp-auth-embedded .field label{display:none!important}
body.xp-auth-embedded .field-head{justify-content:flex-end!important;margin:0!important}
body.xp-auth-embedded .field-head a{display:none!important}
body.xp-auth-embedded .input-wrap input{height:52px!important;padding:0 48px!important;background:white!important;border:2px solid transparent!important;border-radius:30px!important;color:#122b40!important}
body.xp-auth-embedded .input-wrap .ico{left:16px!important;z-index:2!important}
body.xp-auth-embedded .primary{height:50px!important;margin-top:3px!important;background:#23a74b!important;color:#fff!important;border-radius:999px!important}
body.xp-auth-embedded .message{margin-bottom:12px!important}
body.xp-auth-embedded .register-shell .steps{margin:0 auto 10px!important}
body.xp-auth-embedded .register-shell .step{font-size:10px!important}
body.xp-auth-embedded .register-shell .step i{width:31px!important;height:31px!important;margin-bottom:2px!important}
body.xp-auth-embedded .register-shell .step:not(:last-child):after{top:15px!important}
body.xp-auth-embedded #registerStage .-img-container{display:none!important}
body.xp-auth-embedded #registerStage .x-bank-choices-type .-outer-wrapper{gap:8px!important}
body.xp-auth-embedded #registerStage .-form,body.xp-auth-embedded #registerStage .modal-body{padding:0!important}
body.xp-auth-embedded #registerStage .-title{font-size:14px!important;margin:0 0 9px!important}
body.xp-auth-embedded #registerStage .x-form-control,body.xp-auth-embedded #registerStage input:not([type="checkbox"]):not([type="radio"]){min-height:44px!important}
body.xp-auth-embedded .loading{padding:55px 10px!important}
@media(max-width:390px){body.xp-auth-embedded .auth-card,body.xp-auth-embedded .register-shell,body.xp-auth-embedded .stage-card{padding:7px 16px 10px!important}}

body.xp-auth-v1254 .xp-auth-forgot{display:block;margin:12px auto 4px;text-align:center;color:#92b6c9;text-decoration:none;font-size:13px;font-weight:700}
body.xp-auth-v1254 .xp-auth-forgot:hover,body.xp-auth-v1254 .xp-auth-forgot:focus-visible{color:#64e99b;text-decoration:underline}