.auth-shell{max-width:420px;margin:0 auto;padding:32px 24px 64px;width:100%;flex:1;display:flex;flex-direction:column}.tombol-kembali{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:7px 14px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:border-color var(--transition),color var(--transition)}.tombol-kembali:hover{border-color:var(--border-accent);color:var(--text-primary)}.auth-kartu{margin-top:32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px}.auth-judul{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.auth-subjudul{font-size:.85rem;color:var(--text-secondary);margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.78rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.auth-input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;padding:10px 13px;border-radius:var(--radius-sm);width:100%;transition:border-color var(--transition)}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-hint{font-size:.72rem;color:var(--text-muted)}.auth-error{font-size:.82rem;color:var(--danger);background:#e05a5a14;border:1px solid rgba(224,90,90,.25);border-radius:var(--radius-sm);padding:9px 12px;line-height:1.5}.auth-tombol-submit{width:100%;justify-content:center;margin-top:4px;background:var(--accent-glow);border-color:var(--accent)}.auth-tombol-submit:hover{background:var(--accent-glow);box-shadow:0 0 20px var(--accent-glow)}.auth-alih{margin-top:22px;text-align:center;font-size:.84rem;color:var(--text-secondary)}.auth-alih a{color:var(--accent);text-decoration:none;font-weight:500;margin-left:4px}.auth-alih a:hover{text-decoration:underline}@media(max-width:480px){.auth-shell{padding:20px 16px 56px}.auth-kartu{padding:26px 20px}}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text-muted, #9d9890);font-size:.76rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border, #2a2a32)}.auth-tombol-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;border:none;color:#1f1f1f;padding:10px;border-radius:8px;font-size:.85rem;font-weight:500;font-family:var(--font-display, sans-serif);cursor:pointer;transition:box-shadow .15s,opacity .15s}.auth-tombol-google:hover{box-shadow:0 0 0 3px #ffffff26}.auth-tombol-google:disabled{opacity:.6;cursor:not-allowed}.auth-field-checkbox{margin:4px 0 14px}.auth-checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--text-secondary, #c9c5bd);line-height:1.5;cursor:pointer}.auth-checkbox-label input[type=checkbox]{margin-top:2px;accent-color:var(--accent, #c8a96e);flex-shrink:0}.auth-checkbox-label a{color:var(--accent, #c8a96e);text-decoration:underline}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap .auth-input{padding-right:40px;width:100%}.auth-toggle-lihat{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:1rem;opacity:.6;padding:4px;transition:opacity .15s}.auth-toggle-lihat:hover{opacity:1}.auth-hint{font-size:.72rem;color:var(--text-muted, #9d9890);margin-top:4px;display:block;transition:color .2s}.auth-hint.valid{color:var(--success, #4caf82)}.auth-hint.tidak-valid{color:#e8a23a}.auth-hint-cocok.cocok{color:var(--success, #4caf82)}.auth-hint-cocok.beda{color:var(--danger, #e05a5a)}.auth-strength{margin-top:8px;display:flex;align-items:center;gap:10px}.auth-strength-bar{flex:1;height:5px;border-radius:3px;background:var(--bg-surface, #16161a);overflow:hidden}.auth-strength-fill{height:100%;width:0%;border-radius:3px;transition:width .35s cubic-bezier(.22,1,.36,1),background-color .35s ease}.auth-strength-fill.level-lemah{background:var(--danger, #e05a5a)}.auth-strength-fill.level-sedang{background:#e8a23a}.auth-strength-fill.level-kuat{background:var(--success, #4caf82)}.auth-strength-label{font-size:.72rem;font-weight:600;min-width:42px;font-family:var(--font-mono, monospace);transition:color .3s}.auth-strength-label.level-lemah{color:var(--danger, #e05a5a)}.auth-strength-label.level-sedang{color:#e8a23a}.auth-strength-label.level-kuat{color:var(--success, #4caf82)}.auth-syarat{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:5px}.auth-syarat li{font-size:.74rem;color:var(--text-muted, #9d9890);display:flex;align-items:center;gap:7px;flex-wrap:wrap;transition:color .25s ease}.auth-syarat li.terpenuhi{color:var(--success, #4caf82)}.auth-syarat-ikon{font-size:.8rem;width:14px;display:inline-block;text-align:center;transition:transform .25s cubic-bezier(.34,1.4,.64,1)}.auth-syarat li.terpenuhi .auth-syarat-ikon{transform:scale(1.25)}.auth-syarat-simbol{font-family:var(--font-mono, monospace);font-size:.68rem;background:var(--bg-surface, #16161a);padding:1px 6px;border-radius:4px;color:var(--accent, #c8a96e);letter-spacing:.1em}.auth-error-saran{cursor:pointer;background:#e8a23a14!important;border-color:#e8a23a59!important;color:#e8a23a!important}.auth-error-saran:hover{background:#e8a23a24!important}.auth-input-wrap{position:relative;display:block;width:100%}.auth-input-wrap .auth-input{width:100%;padding-right:44px}.auth-mata{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:color .16s ease,background .16s ease}.auth-mata:hover{color:var(--accent, #c8a96e);background:#ffffff0f}.auth-mata:focus-visible{outline:2px solid var(--accent, #c8a96e);outline-offset:2px}.auth-mata:before{content:"";width:18px;height:12px;border:1.6px solid currentColor;border-radius:50%/60% 60% 40% 40%;position:relative}.auth-mata:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;transition:opacity .14s ease}.auth-mata:not(.auth-mata-buka):before{background-image:linear-gradient(45deg,transparent calc(50% - 1px),currentColor calc(50% - 1px),currentColor calc(50% + 1px),transparent calc(50% + 1px))}.auth-mata:not(.auth-mata-buka):after{opacity:.35}@media(prefers-reduced-motion:reduce){.auth-mata,.auth-mata:after{transition:none}}.auth-2fa-kotak{display:flex;flex-direction:column;gap:12px;text-align:center}.auth-2fa-judul{margin:0;font-size:1.15rem;color:var(--text-primary)}.auth-2fa-info{margin:0;font-size:.86rem;line-height:1.6;color:var(--text-secondary)}.auth-2fa-bantuan{margin:4px 0 0;font-size:.76rem;line-height:1.6;color:var(--text-muted)}.dl2-kode{font-family:var(--font-mono, monospace);font-size:1.5rem;letter-spacing:.38em;text-align:center;text-indent:.38em}.auth-2fa-kotak .tombol-utama,#login-2fa-kirim{display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:13px 20px;font-size:.95rem;font-weight:700;border-radius:10px;color:#0d0d0f;background:linear-gradient(135deg,#5fc98f,#4caf82);border:1px solid rgba(76,175,130,.55);box-shadow:0 4px 16px #4caf822e;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.auth-2fa-kotak .tombol-utama:hover,#login-2fa-kirim:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 7px 22px #4caf8247}.auth-2fa-kotak .tombol-utama:active,#login-2fa-kirim:active{transform:translateY(0)}.auth-2fa-kotak .tombol-utama:disabled,#login-2fa-kirim:disabled{filter:grayscale(.4) brightness(.8);cursor:wait;transform:none;box-shadow:none}.auth-2fa-kotak .tombol-utama:focus-visible,#login-2fa-kirim:focus-visible{outline:2px solid #5fc98f;outline-offset:3px}@media(prefers-reduced-motion:reduce){.auth-2fa-kotak .tombol-utama,#login-2fa-kirim{transition:none}.auth-2fa-kotak .tombol-utama:hover,#login-2fa-kirim:hover{transform:none}}