.auth-bg{min-height:100vh;background:linear-gradient(135deg,#0454ad 0,var(--payqris-primary) 52%,var(--payqris-primary-deep) 100%);padding:36px}.auth-card{width:min(700px,100%);margin:0 auto;min-height:calc(100vh - 72px);border-radius:var(--radius-3xl);background:rgba(255,255,255,.98);padding:56px 54px 42px;box-shadow:0 30px 80px rgba(0,33,86,.25)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ccd6e5;border-radius:var(--radius-3xl)}@media (max-width:640px){.auth-bg{padding:12px}.auth-card{min-height:calc(100vh - 24px);border-radius:var(--radius-3xl);padding:34px 22px 28px}}:root{--payqris-navy:#06183e;--payqris-blue:#5dbbf1;--payqris-blue-deep:#2b86c5;--payqris-blue-soft:#eaf7ff;--payqris-blue-pale:#f4fbff;--payqris-bg:#f6f9fc;--payqris-surface:#ffffff;--payqris-ink:#111b31;--payqris-muted:#748096;--payqris-line:#e7edf4}.auth-page{--auth-bg:#f5f9fc;--auth-primary:var(--payqris-blue-deep);--auth-navy:var(--payqris-navy);min-height:100svh;display:grid;place-items:center;padding:28px;overflow:hidden;background:radial-gradient(700px 460px at 8% 10%,rgba(93,187,241,.16),transparent 64%),radial-gradient(650px 430px at 92% 88%,rgba(6,24,62,.09),transparent 64%),var(--auth-bg);color:var(--auth-navy)}.auth-shell{width:min(1180px,100%);min-height:min(760px,calc(100svh - 56px));display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-3xl);background:rgba(255,255,255,.72);box-shadow:0 28px 90px rgba(6,24,62,.14),0 2px 10px rgba(6,24,62,.04);backdrop-filter:blur(18px)}.auth-form-panel{min-width:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94)}.auth-card-new{width:min(500px,100%);padding:48px 54px}.auth-brand-row{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.auth-brand-row>img{width:auto;height:42px;max-width:190px;object-fit:contain}.auth-secure-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #e7eef5;border-radius:var(--radius-3xl);background:#f9fcff;color:#708097;font-size:11px;font-weight:800;white-space:nowrap}.auth-heading{margin-top:40px;text-align:center}.auth-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--payqris-blue-deep);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.auth-heading h1{margin:9px 0 0;color:var(--payqris-navy);font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.04em;font-weight:850}.auth-heading p{margin:13px auto 0;max-width:500px;color:#7b879a;font-size:14px;line-height:1.75}.auth-form{margin-top:30px;display:grid;gap:17px}.auth-field{display:block;color:#273650;font-size:13px;font-weight:800}.auth-field>span{display:block;margin-bottom:8px}.auth-field small{display:block;margin-top:7px;color:#98a3b3;font-size:11px;font-weight:600;line-height:1.5}.auth-input-wrap{display:flex;align-items:center;gap:10px;min-height:52px;border:1px solid #dfe7ef;border-radius:var(--radius-xl);background:#fff;padding:0 14px;box-shadow:0 2px 8px rgba(6,24,62,.025);transition:border-color .18s,box-shadow .18s,transform .18s}.auth-input-wrap:focus-within{border-color:rgba(43,134,197,.62);box-shadow:0 0 0 4px rgba(93,187,241,.14)}.auth-input-icon{display:grid;place-items:center;color:#a2adbb}.auth-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--payqris-ink);font-size:14px;font-weight:650}.auth-input-wrap input::placeholder{color:#b4bdc9;font-weight:550}.auth-eye{min-height:30px;padding:4px;border:0;background:transparent;color:#8b97a8;cursor:pointer}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-3px;color:#7b879a;font-size:12px;font-weight:700}.auth-row a,.auth-switch a,.auth-switch-single a{color:var(--payqris-blue-deep);font-weight:850}.auth-check{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-check input{width:15px;height:15px;accent-color:var(--payqris-blue-deep)}.auth-primary-btn{min-height:52px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--payqris-blue-deep),#4ca8dc);color:#fff;font-size:14px;font-weight:850;box-shadow:0 12px 28px rgba(43,134,197,.2);cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s;text-decoration:none}.auth-primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(43,134,197,.25);filter:saturate(1.04)}.auth-primary-btn:active{transform:translateY(0) scale(.99)}.auth-primary-btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.auth-secondary-link{min-height:42px;border:0;background:transparent;color:#7d899a;font-size:12px;font-weight:800;cursor:pointer}.auth-switch{margin:25px 0 0;text-align:center;color:#8792a2;font-size:13px;font-weight:650}.auth-switch-single{margin-top:22px}.auth-legal{margin:22px auto 0;max-width:390px;color:#a2adbb;text-align:center;font-size:10px;line-height:1.6}.auth-divider{display:flex;align-items:center;gap:12px;color:#9aa5b4;font-size:11px;font-weight:700}.auth-divider:after,.auth-divider:before{content:"";height:1px;flex:1;background:#e7edf3}.auth-google-area{margin-top:23px}.auth-google{margin-top:13px;display:flex;justify-content:center;min-height:44px;overflow:hidden}.auth-google>div{max-width:100%}.auth-alert{border-radius:var(--radius-xl);padding:12px 14px;font-size:12px;font-weight:700;line-height:1.55}.auth-alert-error{border:1px solid #ffd9de;background:#fff5f6;color:#c84858}.auth-alert-success{border:1px solid #cfeede;background:#f2fcf6;color:#258255}.auth-info-box{display:flex;gap:12px;padding:14px;border-radius:var(--radius-xl)}.auth-info-blue{border:1px solid #dceffb;background:#f3faff}.auth-info-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-xl);background:#e4f5ff;color:var(--payqris-blue-deep)}.auth-info-box b{display:block;color:var(--payqris-navy);font-size:12px}.auth-info-box span{display:block;margin-top:3px;color:#8491a2;font-size:11px;line-height:1.5}.auth-code-wrap input{text-align:center;letter-spacing:.42em;font-size:22px;font-weight:850}.auth-help-line{display:flex;align-items:center;gap:7px;margin:-4px 0 0;font-weight:650}.auth-help-line,.auth-note{color:#8b97a8;font-size:11px}.auth-note{margin:5px 0 0;line-height:1.6;text-align:center}.auth-state-card{margin-top:30px;display:grid;place-items:center;gap:7px;padding:26px;border:1px solid #e7edf3;border-radius:var(--radius-2xl);background:#fbfdff;color:#78869a;text-align:center;font-size:12px}.auth-state-card b{color:var(--payqris-navy);font-size:14px}.auth-spinner{width:25px;height:25px;border:3px solid #dcebf4;border-top:3px solid var(--payqris-blue-deep);border-radius:50%;animation:payqris-spin .8s linear infinite}.auth-verification-state{margin-top:44px;text-align:center}.auth-verification-state h1{margin:16px 0 0;color:var(--payqris-navy);font-size:31px;line-height:1.12;letter-spacing:-.035em;font-weight:850}.auth-verification-state p{margin:12px auto 0;max-width:400px;color:#7f8b9d;font-size:13px;line-height:1.75}.auth-state-icon{width:70px;height:70px;margin:0 auto 19px;display:grid;place-items:center;border-radius:var(--radius-2xl)}.auth-state-icon.success{background:#eaf9f0;color:#2c9a63}.auth-state-icon.error{background:#fff0f2;color:#d55362}.auth-state-icon.loading{background:#eaf7ff;color:var(--payqris-blue-deep)}.auth-brand-panel{position:relative;overflow:hidden;min-width:0;padding:50px;display:flex;flex-direction:column;background:linear-gradient(145deg,#06183e,#0a2b5e 58%,#155b87);color:#fff;isolation:isolate}.auth-brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 300px at 80% 14%,rgba(93,187,241,.3),transparent 68%),radial-gradient(360px 280px at 15% 82%,rgba(93,187,241,.13),transparent 70%);z-index:-2}.auth-brand-panel:after{content:"";position:absolute;width:430px;height:430px;right:-230px;bottom:-220px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.018),0 0 0 80px rgba(255,255,255,.012);z-index:-1}.auth-brand-topline{display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:850;letter-spacing:-.03em}.auth-brand-mark{width:48px;height:48px;padding:3px;border-radius:var(--radius-xl);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.auth-brand-mark img{width:100%;height:100%;border-radius:var(--radius-xl);object-fit:cover}.auth-brand-copy{margin-top:68px;max-width:500px}.auth-brand-kicker{display:inline-flex;align-items:center;gap:7px;color:#a9ddfa;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.auth-brand-copy h2{margin:14px 0 0;max-width:470px;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.05em;font-weight:850}.auth-brand-copy p{margin:17px 0 0;max-width:450px;color:rgba(255,255,255,.67);font-size:14px;line-height:1.75}.auth-preview{position:relative;z-index:2;margin-top:42px;width:min(100%,520px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-3xl);padding:20px;background:rgba(255,255,255,.1);box-shadow:0 26px 60px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.auth-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.auth-preview-head span{display:block;color:rgba(255,255,255,.58);font-size:10px;font-weight:750}.auth-preview-head strong{display:block;margin-top:7px;font-size:25px;letter-spacing:-.04em}.auth-preview-balance{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-xl);background:rgba(93,187,241,.2);color:#bce7fb}.auth-preview-chart{position:relative;height:125px;margin-top:16px;overflow:hidden;border-radius:var(--radius-2xl);background:rgba(255,255,255,.06)}.auth-chart-line{position:absolute;left:-5%;right:-5%;bottom:28px;height:70px;border-top:2px solid #70c9f6;border-radius:50% 50% 0 0;transform:skewY(-8deg);box-shadow:0 -12px 30px rgba(93,187,241,.12)}.auth-chart-line:after{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:linear-gradient(90deg,transparent,#bcecff 35%,#5dbbf1 65%,transparent);opacity:.9}.auth-chart-labels{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;color:rgba(255,255,255,.36);font-size:8px;font-weight:700}.auth-preview-footer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.auth-preview-transaction{display:flex;align-items:center;gap:10px;min-width:0}.auth-mini-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:var(--radius-xl);background:rgba(255,255,255,.1);color:#9bdcff}.auth-preview-transaction div{min-width:0;flex:1}.auth-preview-transaction b{display:block;font-size:11px}.auth-preview-transaction small{display:block;margin-top:2px;color:rgba(255,255,255,.47);font-size:9px}.auth-preview-transaction>strong{font-size:11px;color:#b9edcf;white-space:nowrap}.auth-paid{display:inline-flex;align-items:center;gap:5px;margin-top:9px;margin-left:42px;color:#9ee5be;font-size:9px;font-weight:850}.auth-floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;min-width:205px;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xl);background:rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(0,0,0,.18);backdrop-filter:blur(14px);animation:auth-float 5s ease-in-out infinite}.auth-floating-card b{display:block;font-size:10px}.auth-floating-card small{display:block;margin-top:3px;color:rgba(255,255,255,.48);font-size:8px}.auth-floating-card>svg{margin-left:auto;color:#9edfff}.auth-floating-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:var(--radius-xl);background:rgba(93,187,241,.22);color:#b9e8fb}.auth-floating-icon-light{background:rgba(255,255,255,.12);color:#fff}.auth-floating-card-one{right:28px;top:43%}.auth-floating-card-two{left:30px;bottom:104px;animation-delay:-2.4s}.auth-brand-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;color:rgba(255,255,255,.46);font-size:10px;font-weight:700}.auth-brand-bottom span{width:7px;height:7px;border-radius:50%;background:#71c9f4;box-shadow:0 0 0 5px rgba(113,201,244,.1)}@media (max-width:900px){.auth-page{padding:16px;overflow:auto;place-items:start center}.auth-shell{width:min(680px,100%);min-height:auto;grid-template-columns:minmax(0,1fr);border-radius:var(--radius-3xl)}.auth-brand-panel{display:none}.auth-form-panel{min-height:calc(100svh - 32px)}.auth-card-new{width:min(520px,100%);padding:40px 28px}}@media (max-width:480px){.auth-page{padding:10px}.auth-shell{border-radius:var(--radius-2xl)}.auth-form-panel{min-height:calc(100svh - 20px)}.auth-card-new{padding:30px 20px 28px}.auth-heading{margin-top:28px}.auth-heading h1{font-size:32px}}@keyframes payqris-spin{to{transform:rotate(1turn)}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-field-error{display:flex!important;align-items:center;gap:5px;color:#dc4c5c!important;font-weight:700!important}.auth-password-strength{margin-top:-8px}.auth-password-strength-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.auth-password-strength-bars span{height:4px;border-radius:var(--radius-3xl);background:#e5eaf0}.auth-password-strength-bars span.is-lemah{background:#ef6a78}.auth-password-strength-bars span.is-sedang{background:#e9a23b}.auth-password-strength-bars span.is-kuat{background:#37a66b}.auth-password-strength-label{display:block;margin-top:6px;font-size:11px;font-weight:700}.auth-password-strength-label.is-lemah{color:#dc4c5c}.auth-password-strength-label.is-sedang{color:#b7791f}.auth-password-strength-label.is-kuat{color:#2d8d5b}