.auth-body{margin:0;min-height:100vh;background:#f5f7fc;color:#101a3b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.02fr) minmax(440px,.98fr)}.auth-visual{position:relative;overflow:hidden;padding:42px clamp(36px,5vw,76px);background:linear-gradient(145deg,#1526b8 0%,#4346e8 47%,#438df8 100%);color:#fff;display:flex;flex-direction:column}.auth-visual:before{content:"";position:absolute;inset:auto -12% -22% 18%;height:52%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.08);transform:rotate(-8deg)}.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.auth-brand .brand-mark{filter:brightness(0) invert(1);opacity:.97}.auth-brand>span:last-child{display:grid}.auth-brand strong{font-size:24px;letter-spacing:-.04em}.auth-brand small{font-size:9px;opacity:.75;margin-top:2px}.auth-hero-copy{position:relative;z-index:2;margin:auto 0 34px;max-width:580px}.auth-kicker{display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5364ef}.auth-visual .auth-kicker{color:#dce5ff}.auth-hero-copy h1{font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 18px}.auth-hero-copy p{max-width:520px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.78)}.auth-wallet-preview{position:relative;z-index:2;width:min(510px,90%);border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);backdrop-filter:blur(18px);border-radius:28px;padding:26px;box-shadow:0 26px 70px rgba(8,18,105,.28)}.auth-wallet-preview small{display:block;font-size:13px;color:#d9e1ff}.auth-wallet-preview strong{display:block;font-size:34px;margin:8px 0 24px}.auth-wallet-preview div{display:flex;gap:9px}.auth-wallet-preview span{background:#fff;color:#2333b5;border-radius:12px;padding:10px 18px;font-size:11px;font-weight:800}.auth-feature-stack{position:relative;z-index:2;display:grid;gap:11px;width:min(460px,90%);padding:21px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:rgba(255,255,255,.1);backdrop-filter:blur(18px)}.auth-feature-stack span{font-size:13px;color:#eff3ff}.auth-orbs>*{position:absolute;border-radius:50%;background:rgba(255,255,255,.11)}.auth-orbs i{width:250px;height:250px;right:-70px;top:12%}.auth-orbs b{width:110px;height:110px;left:48%;top:12%;background:rgba(165,184,255,.12)}.auth-orbs em{width:420px;height:420px;right:-180px;bottom:-140px;background:rgba(255,255,255,.08)}.auth-panel{display:grid;place-items:center;padding:44px;background:radial-gradient(circle at 90% 6%,#edf3ff 0,transparent 27%),#f8faff}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e8ecf5;border-radius:28px;padding:36px;box-shadow:0 28px 80px rgba(36,52,112,.12)}.auth-card h2{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:9px 0 8px}.auth-sub{margin:0 0 24px;color:#7885a2;font-size:13px;line-height:1.55}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;font-size:11px;font-weight:750;color:#4b5875}.auth-form label small{font-weight:500;color:#9aa4b9}.auth-form input{width:100%;height:48px;box-sizing:border-box;border:1px solid #e2e7f2;border-radius:13px;background:#fbfcff;padding:0 14px;font:inherit;font-size:13px;color:#182342;outline:none;transition:.18s}.auth-form input:focus{border-color:#6875f6;box-shadow:0 0 0 4px rgba(75,89,245,.09);background:#fff}.auth-primary,.auth-secondary{height:49px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:850;text-decoration:none}.auth-primary{border:0;background:linear-gradient(135deg,#3946e8,#527dfb);color:#fff;cursor:pointer;box-shadow:0 13px 28px rgba(62,77,233,.22)}.auth-primary:hover{filter:brightness(1.03)}.auth-secondary{border:1px solid #dfe4f0;color:#3042ca;background:#fff}.auth-divider{display:flex;align-items:center;gap:12px;margin:21px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#edf0f6;flex:1}.auth-divider span{font-size:10px;color:#9aa3b6}.auth-alert{border-radius:12px;padding:11px 13px;font-size:11px;line-height:1.45;margin-bottom:16px}.auth-alert.error{background:#fff1f1;color:#b53838;border:1px solid #ffdcdc}.auth-footnote{text-align:center;margin:15px 0 0;color:#a0a8b8;font-size:9px}.auth-mobile-brand{display:none}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-card{width:min(500px,100%)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;box-sizing:border-box;padding:22px 16px 34px;align-content:center}.auth-mobile-brand{display:flex;align-items:center;gap:9px;color:#1830b1;margin:0 0 22px}.auth-mobile-brand strong{font-size:22px;letter-spacing:-.04em}.auth-card{padding:26px 20px;border-radius:22px}.auth-card h2{font-size:26px}.auth-two{grid-template-columns:1fr}.register-shell .auth-panel{align-content:start;padding-top:26px}.register-card{margin-bottom:24px}}@media(max-width:390px){.auth-panel{padding-left:12px;padding-right:12px}.auth-card{padding:23px 16px}.auth-card h2{font-size:23px}}

.auth-alert.success{background:#eefbf4;color:#237a56;border:1px solid #d4f1e1}

/* V12 auth polish */
.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;right:-75px;top:-90px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(74,91,245,.08),transparent 68%);pointer-events:none}.auth-card>*{position:relative}.auth-primary{transition:.18s}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(62,77,233,.27)}.auth-secondary:hover{background:#f7f9ff;border-color:#cad2ef}.auth-form input:hover{border-color:#d5dbea}.auth-form input::placeholder{color:#adb5c6}.auth-alert{box-shadow:0 5px 15px rgba(30,44,95,.035)}
@media(max-width:900px){.auth-body{background:radial-gradient(circle at 50% 0,#eef2ff,transparent 34%),#f5f7fc}.auth-panel{background:transparent}.auth-card{box-shadow:0 18px 55px rgba(36,52,112,.10)}.auth-mobile-brand{justify-content:center}.auth-footnote{line-height:1.5}}

/* =========================================================
   V13.6 - Email OTP Registration
   ========================================================= */
.auth-form label small{display:block;margin-top:6px;color:#8d96ab;font-size:11px;line-height:1.45;font-weight:500}
.otp-stage{text-align:center}.otp-mail-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#eef1ff,#e4e9ff);color:#4457e8;font-size:25px;box-shadow:inset 0 0 0 1px #dce2ff}.otp-stage .auth-kicker{display:block}.otp-register-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;text-align:left}.otp-register-summary>div{padding:11px 12px;background:#f7f8fc;border:1px solid #edf0f6;border-radius:12px}.otp-register-summary span{display:block;color:#8b94a8;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.otp-register-summary b{font-size:12px;color:#293149;overflow-wrap:anywhere}.otp-form{text-align:left}.otp-code-input{text-align:center!important;font-size:25px!important;font-weight:900!important;letter-spacing:8px!important;font-variant-numeric:tabular-nums}.otp-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:11px}.otp-actions form{margin:0}.otp-actions button{border:0;background:#f1f3f9;color:#56617b;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:800;cursor:pointer}.otp-actions button:hover{background:#e9edfa;color:#4052df}@media(max-width:520px){.otp-register-summary{grid-template-columns:1fr}.otp-code-input{font-size:22px!important;letter-spacing:6px!important}}

/* V50 - trusted device / PIN-only login */
.trusted-login-card{width:min(430px,100%)}
.trusted-user-card{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;border:1px solid #e3e8f3;background:linear-gradient(135deg,#fbfcff,#f5f8ff);border-radius:16px;padding:12px 13px;margin:3px 0 17px}
.trusted-user-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e7ecff,#dce5ff);color:#3f51df;font-size:18px;font-weight:900}
.trusted-user-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.trusted-user-card strong{font-size:13px;color:#1c2847;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trusted-user-card small{font-size:9px;color:#8792aa}.trusted-user-card em{font-style:normal;font-size:8px;font-weight:850;color:#0d9363;background:#e9f9f2;border:1px solid #d1f0e2;border-radius:999px;padding:6px 8px;white-space:nowrap}
.trusted-pin-form{gap:13px}.trusted-pin-input{text-align:center;font-size:25px!important;font-weight:900!important;letter-spacing:9px!important;font-variant-numeric:tabular-nums;padding-left:22px!important}
.trusted-login-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.trusted-login-actions a,.trusted-login-actions button{border:0;background:transparent;padding:0;color:#5162df;font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}.trusted-login-actions button{color:#c24e5b}.trusted-login-actions form{margin:0}
.auth-device-note{display:flex;gap:9px;align-items:flex-start;margin-top:13px;border:1px solid #e1e9f5;border-radius:12px;background:#f7fbff;padding:10px 11px}.auth-device-note>span{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:grid;place-items:center;background:#e4f8ef;color:#0b9a68;font-size:9px;font-weight:900}.auth-device-note p{margin:0;color:#78859f;font-size:9px;line-height:1.55}
@media(max-width:520px){.trusted-user-card{grid-template-columns:44px 1fr}.trusted-user-avatar{width:44px;height:44px;border-radius:14px}.trusted-user-card em{grid-column:2;width:max-content}.trusted-login-actions{align-items:flex-start;flex-direction:column}.trusted-pin-input{font-size:22px!important;letter-spacing:7px!important}}
html[data-theme="dark"] .auth-body{background:#0d1424;color:#eef3ff}
html[data-theme="dark"] .auth-panel{background:radial-gradient(circle at 90% 6%,#17213b 0,transparent 27%),#0f1728}
html[data-theme="dark"] .auth-card{background:#151e31;border-color:#26324a;box-shadow:0 28px 80px rgba(0,0,0,.32)}
html[data-theme="dark"] .auth-card h2,html[data-theme="dark"] .trusted-user-card strong{color:#f3f6ff}
html[data-theme="dark"] .auth-sub,html[data-theme="dark"] .auth-form label,html[data-theme="dark"] .auth-device-note p{color:#aab5cb}
html[data-theme="dark"] .auth-form input{background:#101829;border-color:#2a3650;color:#eef3ff}
html[data-theme="dark"] .auth-form input:focus{background:#111b2e;border-color:#7181ff;box-shadow:0 0 0 4px rgba(91,109,255,.12)}
html[data-theme="dark"] .auth-secondary{background:#121b2d;border-color:#2b3650;color:#aeb9ff}
html[data-theme="dark"] .auth-divider:before,html[data-theme="dark"] .auth-divider:after{background:#29344b}
html[data-theme="dark"] .trusted-user-card{background:linear-gradient(135deg,#121b2d,#172139);border-color:#2a3650}
html[data-theme="dark"] .trusted-user-avatar{background:linear-gradient(135deg,#26345a,#263d70);color:#b8c2ff}
html[data-theme="dark"] .trusted-user-card small{color:#9ba6bd}
html[data-theme="dark"] .trusted-user-card em{background:#12382c;border-color:#19523e;color:#65dda9}
html[data-theme="dark"] .auth-device-note{background:#111c2e;border-color:#293750}

/* V51 - login dua tahap: password lalu PIN otomatis */
.auth-step-indicator{display:flex;align-items:center;width:96px;margin:0 0 17px}.auth-step-indicator span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid #dfe5f2;background:#f7f9fd;color:#8b96ac;font-size:9px;font-weight:900;box-sizing:border-box}.auth-step-indicator i{height:2px;flex:1;background:#e5e9f3}.auth-step-indicator span.active{background:#4659ed;border-color:#4659ed;color:#fff;box-shadow:0 6px 15px rgba(70,89,237,.2)}.auth-step-indicator span.done{background:#e5f9f0;border-color:#ccefe0;color:#079866}.auth-step-indicator span.done+i{background:#9adfc2}
.password-verified-card{margin-bottom:15px}.password-verified-card em{background:#eef1ff;border-color:#dfe4ff;color:#5361dc}
.pin-auto-status{text-align:center;margin-top:-4px;color:#8b96ac;font-size:9px;line-height:1.4;min-height:13px}.trusted-pin-form.is-verifying .pin-auto-status{color:#5363df;font-weight:800}.trusted-pin-form.is-verifying .trusted-pin-input{opacity:.72;cursor:wait}
.pin-fallback-submit{display:none}
.trusted-login-actions.single{justify-content:flex-start}
@media(max-width:520px){.auth-step-indicator{margin-bottom:14px}.trusted-pin-input{font-size:25px!important;letter-spacing:9px!important}}
html[data-theme="dark"] .auth-step-indicator span{background:#111a2b;border-color:#2c3850;color:#8e9ab2}html[data-theme="dark"] .auth-step-indicator i{background:#2c374d}html[data-theme="dark"] .auth-step-indicator span.active{background:#596cf4;border-color:#596cf4;color:#fff}html[data-theme="dark"] .auth-step-indicator span.done{background:#12372c;border-color:#1e5742;color:#68dda9}html[data-theme="dark"] .auth-step-indicator span.done+i{background:#2a7158}html[data-theme="dark"] .password-verified-card em{background:#202c50;border-color:#2d3c67;color:#b6c0ff}html[data-theme="dark"] .pin-auto-status{color:#97a3ba}html[data-theme="dark"] .trusted-pin-form.is-verifying .pin-auto-status{color:#b5beff}


/* V52 - refresh tampilan login */
.auth-body{background:
  radial-gradient(circle at 8% 12%,rgba(86,116,255,.24),transparent 28%),
  radial-gradient(circle at 88% 14%,rgba(20,215,165,.18),transparent 24%),
  radial-gradient(circle at 55% 85%,rgba(80,104,245,.10),transparent 30%),
  linear-gradient(180deg,#f5f8ff 0%,#eef3ff 100%)}
.auth-shell{max-width:1220px;padding:20px}
.auth-visual{position:relative;overflow:hidden;padding:34px;border-radius:34px;border:1px solid rgba(255,255,255,.45);background:linear-gradient(180deg,rgba(24,41,108,.96) 0%,rgba(17,29,75,.98) 100%);box-shadow:0 35px 90px rgba(23,34,84,.26)}
.auth-visual:before{content:"";position:absolute;inset:auto -80px -90px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(67,245,196,.22) 0%,rgba(67,245,196,.02) 62%,transparent 70%)}
.auth-visual:after{content:"";position:absolute;left:-110px;top:220px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(112,132,255,.28) 0%,rgba(112,132,255,.02) 62%,transparent 70%)}
.auth-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.auth-brand strong{font-size:24px;letter-spacing:-.04em}.auth-brand small{color:#c9d5ff}
.auth-hero-copy{position:relative;z-index:1;max-width:540px;margin:42px 0 22px}.auth-hero-copy .auth-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(92,110,255,.16);border:1px solid rgba(132,150,255,.18);color:#cbd4ff}.auth-hero-copy h1{font-size:50px;line-height:1.02;letter-spacing:-.06em;margin:18px 0 12px;color:#fff}.auth-hero-copy p{max-width:500px;font-size:15px;line-height:1.75;color:#c8d1f1}
.auth-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:660px;margin:0 0 18px}.auth-hero-stats>div{padding:16px 15px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(6px)}.auth-hero-stats strong{display:block;font-size:16px;color:#fff;margin-bottom:5px}.auth-hero-stats small{display:block;font-size:11px;line-height:1.45;color:#c3ccef}
.auth-feature-stack{position:relative;z-index:1;display:grid;gap:10px;max-width:590px}.auth-feature-stack span{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.auth-feature-stack b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(56,227,170,.14);color:#5dffc7;font-size:12px;flex:0 0 24px}.auth-feature-stack em{font-style:normal;color:#e7edff;font-size:12px;line-height:1.55}
.auth-orbs{opacity:.95}.auth-orbs i,.auth-orbs b,.auth-orbs em{filter:blur(.2px)}
.auth-panel{padding:26px}.auth-mobile-brand{display:none}
.auth-card{width:min(480px,100%);padding:28px 28px 24px;border-radius:30px;border:1px solid #e5ebf7;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.98));box-shadow:0 28px 75px rgba(49,63,129,.14)}
.auth-card-topline{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:17px;border-radius:15px;background:#f7f9ff;border:1px solid #e6ebf7;color:#4e5c7f;font-size:10px;font-weight:800;letter-spacing:.02em}.auth-card-topline small{margin-left:auto;color:#7e8aa6;font-size:9px;font-weight:700}.auth-card-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#11c888,#6de9bf);box-shadow:0 0 0 4px rgba(17,200,136,.14)}
.auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#eef2ff;color:#5263ee;border:1px solid #dfe5ff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.auth-card h2{margin-top:14px;margin-bottom:10px;font-size:36px;line-height:1.03;letter-spacing:-.055em;color:#1a2646}.auth-sub{font-size:12px;line-height:1.7;color:#6c7892;max-width:92%}
.auth-inline-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 16px}.auth-inline-steps span{padding:10px 11px;border-radius:14px;background:#f7f9fd;border:1px solid #e8edf6;color:#7b879e;font-size:10px;font-weight:800;line-height:1.45}.auth-inline-steps .is-active{background:linear-gradient(135deg,#eef1ff,#f7f8ff);border-color:#dce2ff;color:#394adf;box-shadow:0 8px 18px rgba(78,94,236,.08)}
.auth-form{gap:14px}.auth-form label{gap:7px;color:#415171;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.auth-form input{height:54px;border-radius:16px;border:1px solid #dfe5f1;background:#fff;padding:0 16px;color:#1f2c4d;font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 12px rgba(77,92,160,.03);transition:border-color .18s,box-shadow .18s,transform .18s}.auth-form input:focus{transform:translateY(-1px);border-color:#7b8eff;box-shadow:0 0 0 4px rgba(89,110,255,.12),0 12px 24px rgba(79,98,229,.12)}.auth-form input::placeholder{color:#adb5c6;font-weight:600;text-transform:none;letter-spacing:0}
.auth-primary,.auth-secondary{height:53px;border-radius:16px;font-size:13px;font-weight:900;letter-spacing:-.01em}.auth-primary{background:linear-gradient(135deg,#1db27f,#37d497 52%,#4f76ff);background-size:160% 160%;box-shadow:0 16px 32px rgba(46,92,229,.20)}.auth-primary:hover{box-shadow:0 18px 36px rgba(46,92,229,.26);background-position:100% 0}.auth-secondary{border:1px solid #dce3f1;background:#fff;color:#3142cb}
.auth-device-note{margin-top:15px;border-radius:15px;background:linear-gradient(180deg,#f8fbff,#f4f8ff);border:1px solid #e1e8f5;padding:12px 13px}.auth-device-note>span{width:24px;height:24px;flex:0 0 24px}.auth-device-note p{font-size:10px;line-height:1.65;color:#6d7b96}.auth-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.auth-note-grid>div{padding:11px 12px;border-radius:14px;background:#fbfcff;border:1px solid #e8edf6}.auth-note-grid strong{display:block;font-size:10px;color:#253556;margin-bottom:4px}.auth-note-grid small{display:block;font-size:9px;line-height:1.45;color:#8a94ab}
.auth-alert{border-radius:15px;padding:12px 14px;font-size:11px;font-weight:700}.auth-alert.success{background:#eefbf4;border-color:#d2efdf;color:#1c845d}.auth-alert.error{background:#fff4f4;border-color:#ffd8d8;color:#b03a45}
.auth-divider{margin:19px 0 16px}.auth-divider span{font-size:10px;font-weight:700;color:#96a0b4}
.auth-footnote{margin-top:16px;font-size:9px;line-height:1.7;color:#9aa4b7}
.trusted-login-card{width:min(460px,100%)}.auth-pin-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:16px;background:linear-gradient(135deg,#f0f6ff,#f9fbff);border:1px solid #dde7f8;margin:8px 0 14px}.auth-pin-banner span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf0ff;color:#4960ec;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.auth-pin-banner small{display:block;flex:1;color:#6d7b98;font-size:10px;line-height:1.55;text-align:right}
.trusted-user-card{border-radius:18px;padding:14px 15px;margin:0 0 18px;background:linear-gradient(135deg,#ffffff,#f7f9ff);box-shadow:0 10px 24px rgba(47,63,131,.05)}.trusted-user-avatar{width:52px;height:52px;border-radius:18px;font-size:19px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.trusted-user-card strong{font-size:14px}.trusted-user-card small{font-size:10px}.trusted-user-card em{padding:7px 10px;font-size:8px;letter-spacing:.04em}
.trusted-pin-input{height:62px!important;border-radius:18px!important;background:linear-gradient(180deg,#ffffff,#f9fbff)!important;font-size:29px!important;letter-spacing:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 18px rgba(58,78,169,.05)!important}.trusted-pin-input::placeholder{letter-spacing:8px!important;color:#c6ccda!important}.pin-auto-status{margin-top:-3px;font-size:10px;min-height:16px}.trusted-pin-form.is-verifying .pin-auto-status{letter-spacing:.02em}
.trusted-login-actions{margin-top:16px;padding-top:13px;border-top:1px dashed #e2e7f3}.trusted-login-actions a,.trusted-login-actions button{font-size:10px}
html[data-theme="dark"] .auth-body{background:radial-gradient(circle at 12% 10%,rgba(89,113,255,.24),transparent 25%),radial-gradient(circle at 84% 12%,rgba(20,215,165,.13),transparent 22%),linear-gradient(180deg,#0d1424,#10192c)}
html[data-theme="dark"] .auth-visual{background:linear-gradient(180deg,rgba(20,31,63,.98),rgba(12,20,42,.98));border-color:rgba(255,255,255,.06);box-shadow:0 35px 90px rgba(0,0,0,.32)}
html[data-theme="dark"] .auth-brand{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.05)}
html[data-theme="dark"] .auth-brand small,html[data-theme="dark"] .auth-hero-copy p,html[data-theme="dark"] .auth-hero-stats small{color:#afbddf}
html[data-theme="dark"] .auth-hero-copy .auth-kicker{background:rgba(92,110,255,.16);border-color:rgba(132,150,255,.18);color:#cbd4ff}
html[data-theme="dark"] .auth-hero-stats>div,html[data-theme="dark"] .auth-feature-stack span{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .auth-panel{background:transparent}
html[data-theme="dark"] .auth-card{background:linear-gradient(180deg,#141d31,#11192b);border-color:#24314a;box-shadow:0 28px 75px rgba(0,0,0,.34)}
html[data-theme="dark"] .auth-card-topline{background:#10192c;border-color:#27344d;color:#b4c0da}html[data-theme="dark"] .auth-card-topline small{color:#90a0be}
html[data-theme="dark"] .auth-kicker{background:#18233d;border-color:#263761;color:#bfc9ff}
html[data-theme="dark"] .auth-card h2{color:#f4f7ff}html[data-theme="dark"] .auth-sub{color:#a8b4ca}
html[data-theme="dark"] .auth-inline-steps span{background:#10192b;border-color:#28344c;color:#9aa6bc}.auth-inline-steps .is-active{}
html[data-theme="dark"] .auth-inline-steps .is-active{background:linear-gradient(135deg,#182444,#16213f);border-color:#30416e;color:#bfc8ff;box-shadow:none}
html[data-theme="dark"] .auth-form label{color:#b2bfd7}html[data-theme="dark"] .auth-form input{background:#0f1728;border-color:#27344c;color:#f4f7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 18px rgba(0,0,0,.10)}
html[data-theme="dark"] .auth-form input::placeholder{color:#73829e}
html[data-theme="dark"] .auth-device-note,html[data-theme="dark"] .auth-note-grid>div{background:#10192c;border-color:#27344d}
html[data-theme="dark"] .auth-note-grid strong{color:#e7edff}html[data-theme="dark"] .auth-note-grid small{color:#97a3bb}
html[data-theme="dark"] .auth-divider:before,html[data-theme="dark"] .auth-divider:after{background:#28344c}html[data-theme="dark"] .auth-divider span,html[data-theme="dark"] .auth-footnote{color:#93a1bc}
html[data-theme="dark"] .auth-secondary{background:#10192c;border-color:#2a3751;color:#b9c4ff}
html[data-theme="dark"] .auth-pin-banner{background:linear-gradient(135deg,#111c32,#152440);border-color:#2a3959}html[data-theme="dark"] .auth-pin-banner small{color:#a9b7d0}html[data-theme="dark"] .auth-pin-banner span{background:#202e50;color:#bcc5ff}
html[data-theme="dark"] .trusted-user-card{background:linear-gradient(135deg,#121b2d,#172139);border-color:#2a3650;box-shadow:none}
html[data-theme="dark"] .trusted-pin-input{background:linear-gradient(180deg,#0f1728,#121b30)!important;border-color:#2a3650!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 18px rgba(0,0,0,.14)!important}
html[data-theme="dark"] .trusted-login-actions{border-color:#28344b}
@media(max-width:900px){
  .auth-shell{padding:12px}.auth-panel{padding:20px 14px 30px}.auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px}.auth-mobile-brand strong{font-size:24px;letter-spacing:-.05em;color:#1c2b57}
  .auth-card{width:min(520px,100%);margin:0 auto;padding:24px 18px 20px;border-radius:24px}.auth-card h2{font-size:30px}.auth-sub{max-width:none}.auth-inline-steps,.auth-note-grid,.auth-hero-stats{grid-template-columns:1fr}
}
@media(max-width:520px){
  .auth-card-topline{padding:9px 11px;gap:8px}.auth-card-topline small{display:none}.auth-card h2{font-size:27px}.auth-kicker{font-size:9px}.auth-form input{height:50px;border-radius:15px}.auth-primary,.auth-secondary{height:50px;border-radius:15px}.auth-inline-steps span{font-size:9px}.trusted-pin-input{height:58px!important;font-size:25px!important;letter-spacing:8px!important}.auth-pin-banner{flex-direction:column}.auth-pin-banner small{text-align:left}.trusted-user-card{grid-template-columns:46px 1fr}.trusted-user-avatar{width:46px;height:46px;border-radius:16px}.trusted-user-card em{grid-column:2;width:max-content}
}


/* V53 - foto profil pada login perangkat tepercaya */
.trusted-user-avatar{overflow:hidden}
.trusted-user-avatar.has-photo{padding:0;background:#eef2ff!important}
.trusted-user-avatar.has-photo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
html[data-theme="dark"] .trusted-user-avatar.has-photo{background:#172139!important}

/* V54 - OTP perangkat baru saat batas perangkat tepercaya penuh */
.auth-step-indicator-three{width:146px}.auth-step-indicator-three i{min-width:23px}
.auth-device-limit-alert{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center;margin:10px 0 15px;padding:13px 14px;border-radius:17px;background:linear-gradient(135deg,#fff8ed,#fffdf8);border:1px solid #f3dfb9}
.auth-device-limit-alert>span{display:grid;place-items:center;align-content:center;min-height:66px;border-radius:15px;background:#fff0d4;color:#986314;text-align:center}.auth-device-limit-alert>span b{font-size:20px;line-height:1}.auth-device-limit-alert>span small{margin-top:5px;font-size:7px;line-height:1.25;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.auth-device-limit-alert p{margin:0;color:#7c6845;font-size:10px;line-height:1.65}.auth-device-limit-alert p strong{color:#5e4b2b}
.device-otp-input{text-align:center!important;font-variant-numeric:tabular-nums;font-size:28px!important;font-weight:900!important;letter-spacing:9px!important}
.device-otp-input::placeholder{letter-spacing:8px!important}
.device-otp-actions{align-items:center}.device-otp-actions form{margin:0}.device-otp-actions button{color:#4d5fe0!important}.device-otp-actions a{color:#7a849b}
html[data-theme="dark"] .auth-device-limit-alert{background:linear-gradient(135deg,#2a2419,#211e1a);border-color:#584a2d}
html[data-theme="dark"] .auth-device-limit-alert>span{background:#3b301d;color:#f3c86c}
html[data-theme="dark"] .auth-device-limit-alert p{color:#d6c39b}html[data-theme="dark"] .auth-device-limit-alert p strong{color:#f4dca8}
@media(max-width:520px){.auth-device-limit-alert{grid-template-columns:60px 1fr;padding:11px 12px}.auth-device-limit-alert>span{min-height:60px}.auth-device-limit-alert>span b{font-size:18px}.auth-device-limit-alert p{font-size:9px}.device-otp-input{font-size:25px!important;letter-spacing:8px!important}}


/* V55 - setiap perangkat baru wajib OTP email sebelum PIN */
.auth-step-indicator--three{width:148px}.auth-step-indicator--three i{min-width:22px}
.auth-inline-steps--three{grid-template-columns:1.25fr .75fr .75fr}
.auth-device-limit-alert.is-new-device{background:linear-gradient(135deg,#eff7ff,#f8fbff);border-color:#d8e7f7}
.auth-device-limit-alert.is-new-device>span{background:linear-gradient(135deg,#e1ecff,#e6f9f2);color:#385bd5}
.auth-device-limit-alert.is-new-device p{color:#607291}.auth-device-limit-alert.is-new-device p strong{color:#304d91}
.auth-pin-banner.is-device-full{background:linear-gradient(135deg,#fff8ed,#fffdf8);border-color:#f1ddb8}.auth-pin-banner.is-device-full span{background:#fff0d4;color:#996315}.auth-pin-banner.is-device-full small{color:#806c48}
html[data-theme="dark"] .auth-device-limit-alert.is-new-device{background:linear-gradient(135deg,#142139,#101c31);border-color:#2a3b59}
html[data-theme="dark"] .auth-device-limit-alert.is-new-device>span{background:linear-gradient(135deg,#20365e,#173e38);color:#b9c8ff}
html[data-theme="dark"] .auth-device-limit-alert.is-new-device p{color:#aebbd2}html[data-theme="dark"] .auth-device-limit-alert.is-new-device p strong{color:#d6e0ff}
html[data-theme="dark"] .auth-pin-banner.is-device-full{background:linear-gradient(135deg,#2b2418,#211e1a);border-color:#59492c}html[data-theme="dark"] .auth-pin-banner.is-device-full span{background:#3b301d;color:#f3c86c}html[data-theme="dark"] .auth-pin-banner.is-device-full small{color:#d6c39b}
@media(max-width:900px){.auth-inline-steps--three{grid-template-columns:1fr}}
@media(max-width:520px){.auth-step-indicator--three{width:132px}.auth-step-indicator--three i{min-width:18px}}

/* =========================================================
   V57 FINAL VISUAL POLISH — AUTH
   ========================================================= */
.auth-body{
  background:radial-gradient(circle at 8% 8%,rgba(72,94,245,.22),transparent 26%),radial-gradient(circle at 91% 10%,rgba(25,207,151,.14),transparent 22%),linear-gradient(180deg,#f4f7ff 0%,#edf2fd 100%);
}
.auth-shell{max-width:1260px;gap:22px;padding:22px}
.auth-visual{border-radius:36px;box-shadow:0 34px 95px rgba(18,31,82,.28);border-color:rgba(255,255,255,.16)}
.auth-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 35%,rgba(78,226,184,.04));pointer-events:none}
.auth-card{border-radius:32px;border-color:#e2e8f4;box-shadow:0 28px 84px rgba(36,49,112,.16);backdrop-filter:blur(16px)}
.auth-card:after{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#4860f5,#7254ef,#24c995);opacity:.86}
.auth-card-topline{box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.auth-card h2{letter-spacing:-.06em}
.auth-form input{box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 7px 20px rgba(43,58,122,.035)}
.auth-form input:hover{border-color:#cbd4e7}
.auth-primary{background:linear-gradient(120deg,#3f54ec 0%,#576ff6 54%,#24bd8c 120%);box-shadow:0 15px 34px rgba(63,83,231,.25)}
.auth-primary:hover{transform:translateY(-2px);box-shadow:0 19px 40px rgba(63,83,231,.3)}
.auth-secondary{box-shadow:0 7px 20px rgba(47,60,121,.04)}
.auth-secondary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(47,60,121,.07)}
.auth-pin-banner,.trusted-user-card,.auth-device-note,.auth-note-grid>div{box-shadow:0 8px 24px rgba(43,58,121,.045)}
.trusted-pin-input{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px rgba(58,78,169,.065)!important}
.otp-code-input,.trusted-pin-input{font-variant-numeric:tabular-nums}
html[data-theme="dark"] .auth-card{border-color:#27344d;box-shadow:0 32px 92px rgba(0,0,0,.4)}
html[data-theme="dark"] .auth-card:after{opacity:.7}
html[data-theme="dark"] .auth-form input:hover{border-color:#3c4a68}
@media(max-width:900px){
  .auth-shell{padding:12px}.auth-card{border-radius:26px}.auth-card:after{left:20px;right:20px}.auth-mobile-brand{padding:8px 13px;border-radius:16px;background:rgba(255,255,255,.68);border:1px solid rgba(225,231,244,.86);width:max-content;margin-left:auto;margin-right:auto;box-shadow:0 8px 24px rgba(41,55,116,.055)}
  html[data-theme="dark"] .auth-mobile-brand{background:#131d31;border-color:#28354d}html[data-theme="dark"] .auth-mobile-brand strong{color:#f3f6ff}
}
@media(prefers-reduced-motion:reduce){.auth-primary,.auth-secondary,.auth-form input{transition:none!important;transform:none!important}}

/* V64 - Modern Lifestyle + Premium Fintech auth */
.auth-body{background:radial-gradient(circle at 10% 10%,rgba(61,111,226,.14),transparent 25%),radial-gradient(circle at 90% 15%,rgba(34,191,162,.12),transparent 23%),linear-gradient(180deg,#f7faff,#eef4fb)!important}.auth-shell{max-width:1200px!important;padding:20px!important}.auth-visual{border-radius:30px!important;background:linear-gradient(150deg,#163a78,#255eb8 55%,#3c9ca6)!important;box-shadow:0 30px 80px rgba(29,65,123,.2)!important}.auth-card{border-radius:26px!important;border:1px solid #e0e8f3!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 65px rgba(38,64,116,.12)!important}.auth-card h2{color:#102d5b!important;letter-spacing:-.045em!important}.auth-kicker{background:#eef4ff!important;border-color:#dfe8f6!important;color:#2c63d6!important}.auth-sub{color:#74839c!important}.auth-form label{color:#425b80!important}.auth-form input,.auth-form select{background:#fbfdff!important;border-color:#dce5f1!important;color:#17345f!important;border-radius:15px!important}.auth-primary{background:linear-gradient(135deg,#2d65dc,#39a1d7)!important;border-radius:15px!important;box-shadow:0 15px 28px rgba(45,101,220,.2)!important}.auth-secondary{border-radius:15px!important;border-color:#dce5f1!important;color:#2d61ca!important;background:#fff!important}.trusted-user-card{background:linear-gradient(135deg,#fbfdff,#f3f8ff)!important;border-color:#e0e8f3!important}.trusted-user-avatar{background:linear-gradient(135deg,#e9f1ff,#dff6ef)!important;color:#2c63d6!important}.auth-device-note{background:#f5f9ff!important;border-color:#e1eaf5!important}.auth-step-indicator span.active{background:#2d65dc!important;border-color:#2d65dc!important}.auth-step-indicator span.done{background:#e6f8f1!important;color:#15966a!important;border-color:#cceee0!important}