:root{--color-primary: #00ac98;--color-primary-hover: #008c7a;--color-primary-soft: #dcfdf7;--color-primary-darker: #065f46;--color-ink: #071437;--color-ink-soft: rgba(7, 20, 55, .7);--color-neutral-900: #1f2937;--color-neutral-700: #374151;--color-neutral-500: #6b7280;--color-neutral-300: #d1d5db;--color-neutral-200: #e5e7eb;--color-neutral-100: #f3f4f6;--color-neutral-50: #f9fafb;--color-danger: #c33;--color-danger-bg: #fee;--color-danger-border: #fcc;--bg-image: url(https://cdn.jsdelivr.net/gh/mpob-it/mpob-assets@v1.4.11/mpob/error_page/bg.webp);--font-sans: Inter, Helvetica, sans-serif;--font-mono: "Courier New", monospace;--radius-sm: 4px;--radius-md: 5px;--radius-lg: 10px}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background:var(--bg-image) no-repeat center center fixed;background-size:cover;height:100%;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:600;font-family:var(--font-sans);color:var(--color-ink)}h1{text-align:center;font-size:25px;margin:0}p{text-align:justify}hr{border:0;border-top:1px dashed var(--color-ink);margin:30px 0}a{text-decoration:none;color:var(--color-neutral-700);font-weight:700;margin-top:10px}a:hover{color:var(--color-primary)}button{padding:10px 20px;font-size:16px;border:none;border-radius:var(--radius-md);cursor:pointer;margin:20px 0;width:100%;background-color:var(--color-primary);color:#fff;font-family:var(--font-sans);font-weight:600}button:hover:not(:disabled){background-color:var(--color-primary-hover)}button:disabled{background-color:var(--color-neutral-300);cursor:not-allowed}span{text-align:center;margin-top:30px;margin-bottom:30px;display:block;font-size:10px;font-weight:300!important}span a{font-weight:300!important}.container{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 30px}.wrapper{position:relative;background-color:#ffffffb3;border-radius:var(--radius-lg);padding:50px;box-shadow:#0000000d 0 1.6px 16px 4px;margin-top:20px;width:100%}.title{display:flex;flex-direction:row;justify-content:flex-start;margin:5px 0 20px}.title-icon img{height:70px}.title-content{flex-grow:1;padding:10px}.title-content div{width:100%;margin-bottom:10px;text-align:center}.title-caption{font-size:13px}.link{display:flex;flex-direction:row;justify-content:space-around;margin-top:50px}.logo-front{max-width:200px;margin-bottom:8px;margin-top:20px}.footer{font-weight:300;font-size:14px;margin:30px;text-align:center}@media (max-width: 640px){.wrapper{padding:30px}.container{margin:0 15px}.logo-front{max-width:160px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.social-button{width:100%;padding:12px 20px;margin-bottom:12px;border:1px solid var(--color-ink);border-radius:var(--radius-md);background:white;color:var(--color-ink);font-size:16px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.social-button:hover:not(:disabled){background:var(--color-neutral-50);color:var(--color-primary);border-color:var(--color-primary)}.social-button:disabled{opacity:.6;cursor:not-allowed}.text-link{display:block;text-align:right;margin-top:5px;margin-right:10px;color:var(--color-neutral-700);font-size:14px;font-weight:700;text-decoration:none}.text-link:hover{color:var(--color-primary)}.error-message{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger);padding:10px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--color-ink);font-size:14px}.form-group input{width:100%;padding:10px 15px;border:1px solid var(--color-ink);border-radius:var(--radius-md);background:white;color:var(--color-ink);font-size:16px;font-family:var(--font-sans);transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-heading{text-align:center;margin:0 0 28px}.form-title{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--color-ink)}.form-subtitle{text-align:center;font-size:13px;font-weight:400;color:var(--color-ink-soft);margin:6px 0 0}.form-subtitle strong{color:var(--color-ink);font-weight:600}.form-subtitle a{font-size:13px;margin:0 0 0 6px;font-weight:600;color:var(--color-primary)}.form-subtitle a:hover{color:var(--color-primary-hover)}.link{justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px}.link a{margin-top:0;font-size:14px}.contact-section{margin-top:20px;padding:12px;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:8px;text-align:center;line-height:1}.contact-section p{margin-bottom:8px;text-align:center}.contact-section p:last-child{margin-bottom:0}.contact-section .font-semibold{font-weight:600}.contact-section .text-gray-800{color:var(--color-neutral-900)}.contact-section .text-gray-700{color:var(--color-neutral-700)}.contact-section .text-xs{font-size:12px}.contact-section .space-y-1>*+*{margin-top:4px}.contact-section a{color:#49a090;text-decoration:none;font-weight:400;margin-top:0}.contact-section a:hover{color:#3d8a7a}.fade-enter-active[data-v-9da85589],.fade-leave-active[data-v-9da85589]{transition:opacity .2s ease}.fade-enter-from[data-v-9da85589],.fade-leave-to[data-v-9da85589]{opacity:0}.auto-redirect-state[data-v-30d1437a]{text-align:center;padding:8px 0 16px}.auto-redirect-spinner[data-v-30d1437a]{display:inline-block;width:28px;height:28px;margin:16px auto 0;border:3px solid rgba(7,20,55,.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin-30d1437a .9s linear infinite}.username-form[data-v-30d1437a]{margin-bottom:20px}.username-form .loading[data-v-30d1437a]{display:inline-block;width:16px;height:16px;margin-right:8px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:transparent;animation:spin-30d1437a 1s ease-in-out infinite}.separator[data-v-30d1437a]{position:relative;text-align:center;margin:24px 0 20px;height:1px;background:var(--color-neutral-200)}.separator span[data-v-30d1437a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px!important;font-weight:400!important;color:var(--color-neutral-500);background:rgba(255,255,255,.95);padding:0 12px;margin:0!important;display:inline-block!important;text-align:center}@keyframes spin-30d1437a{to{transform:rotate(360deg)}}.social-login[data-v-30d1437a]{margin-bottom:20px}.idp-grid[data-v-30d1437a]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.idp-button[data-v-30d1437a]{display:flex;flex-direction:column;align-items:center;padding:20px 16px;margin:0;border:1px solid var(--color-neutral-200);border-radius:12px;background-color:#f1f5f9;color:var(--color-ink);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;text-align:center;min-height:140px;position:relative}.idp-button[data-v-30d1437a]:hover:not(.disabled){background-color:#e8eef5;border-color:var(--color-primary);box-shadow:0 4px 12px #00ac981f;transform:translateY(-2px)}.idp-button.disabled[data-v-30d1437a]{opacity:.5;cursor:not-allowed;border-color:#d1d5db}.idp-button.disabled[data-v-30d1437a]:hover{transform:none;box-shadow:none;border-color:#d1d5db}.idp-logo[data-v-30d1437a]{max-width:170px;max-height:48px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.idp-logo img[data-v-30d1437a]{width:auto;height:auto;max-width:100%;object-fit:contain}.idp-content[data-v-30d1437a]{flex:1;margin-bottom:8px}.idp-name[data-v-30d1437a]{font-weight:600;font-size:16px;color:#374151;margin-bottom:4px}.idp-subtitle[data-v-30d1437a]{font-size:12px;color:#6b7280;line-height:1.3}.idp-status[data-v-30d1437a]{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;background:#f3f4f6;color:#374151}.mygovuc-button .idp-status[data-v-30d1437a]{background:#dcfdf7;color:#065f46}.mydigitalid-button.disabled .idp-status[data-v-30d1437a]{background:#f9fafb;color:#9ca3af}@media (max-width: 640px){.idp-grid[data-v-30d1437a]{grid-template-columns:1fr;gap:12px}.idp-button[data-v-30d1437a]{min-height:120px;padding:16px 12px}.idp-logo[data-v-30d1437a]{width:40px;height:40px}.idp-name[data-v-30d1437a]{font-size:14px}.idp-subtitle[data-v-30d1437a]{font-size:11px}}.description a[data-v-30d1437a]{color:var(--color-primary);text-decoration:none}.description a[data-v-30d1437a]:hover{text-decoration:underline}code[data-v-30d1437a]{background:var(--color-neutral-200);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px}.account-list[data-v-cf874cf1]{margin-bottom:20px}.account-item[data-v-cf874cf1]{padding:15px;border:1px solid #071437;border-radius:5px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;background:white}.account-item[data-v-cf874cf1]:hover{background:#f8f9fa;border-color:#00ac98}.account-avatar[data-v-cf874cf1]{width:48px;height:48px;border-radius:50%;flex-shrink:0}.account-avatar img[data-v-cf874cf1]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder[data-v-cf874cf1]{width:48px;height:48px;border-radius:50%;background:#00ac98;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px}.account-info h3[data-v-cf874cf1]{font-size:16px;font-weight:600;margin-bottom:4px;color:#071437}.account-info p[data-v-cf874cf1]{font-size:14px;color:#071437}.loading[data-v-cf874cf1]{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,172,152,.3);border-radius:50%;border-top-color:transparent;animation:spin-cf874cf1 1s ease-in-out infinite}@keyframes spin-cf874cf1{to{transform:rotate(360deg)}}.form-options[data-v-e0347563]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.remember-me[data-v-e0347563]{display:flex;align-items:center;gap:5px}.remember-me input[data-v-e0347563]{width:auto}.remember-me label[data-v-e0347563]{font-weight:400;font-size:14px;color:var(--color-ink)}.forgot-link[data-v-e0347563]{color:var(--color-neutral-700);font-weight:700;text-decoration:none;margin-top:0}.forgot-link[data-v-e0347563]:hover{color:var(--color-primary)}.loading[data-v-e0347563]{display:inline-block;width:16px;height:16px;margin-right:8px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:transparent;animation:spin-e0347563 1s ease-in-out infinite}@keyframes spin-e0347563{to{transform:rotate(360deg)}}.loading-section[data-v-630bd077]{text-align:center;padding:20px}.user-info[data-v-630bd077]{text-align:center}.user-avatar[data-v-630bd077]{margin-bottom:20px}.user-avatar img[data-v-630bd077]{width:80px;height:80px;border-radius:50%;border:3px solid #00ac98}.avatar-placeholder[data-v-630bd077]{width:80px;height:80px;border-radius:50%;background:#00ac98;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;margin:0 auto}.user-details h2[data-v-630bd077]{color:#071437;margin-bottom:8px;font-size:24px}.user-email[data-v-630bd077]{color:#666;font-size:14px;margin-bottom:4px}.user-org[data-v-630bd077]{color:#00ac98;font-size:12px;font-weight:600;margin-bottom:30px}.user-actions[data-v-630bd077]{margin-bottom:30px}.btn-primary[data-v-630bd077]{display:inline-flex;align-items:center;gap:8px}.error-section[data-v-630bd077]{text-align:center;padding:20px;color:#c33}.auth-section[data-v-cfd6456e]{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.auth-section h2[data-v-cfd6456e]{font-size:18px;margin-bottom:8px;color:#071437}.auth-section p[data-v-cfd6456e]{font-size:14px;color:#666;margin-bottom:15px}.passkey-btn[data-v-cfd6456e]{background:#2563eb}.passkey-btn[data-v-cfd6456e]:hover{background:#1d4ed8}.btn-secondary[data-v-cfd6456e]{width:100%;padding:12px 20px;background:#6b7280;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary[data-v-cfd6456e]:hover{background:#4b5563}.totp-input[data-v-cfd6456e]{text-align:center;font-size:24px;letter-spacing:8px;font-weight:600;width:100%;padding:15px;border:2px solid #ddd;border-radius:8px;background:white}.totp-input[data-v-cfd6456e]:focus{border-color:#00ac98;outline:none}.otp-form[data-v-cfd6456e]{margin-top:20px}.error-message[data-v-cfd6456e]{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px}.divider[data-v-cfd6456e]{position:relative;text-align:center;margin:20px 0}.divider[data-v-cfd6456e]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span[data-v-cfd6456e]{background:rgba(255,255,255,.95);padding:0 15px;position:relative;color:#071437;font-size:14px;font-weight:600}.loading-state[data-v-5bbbbeb2]{text-align:center;padding:24px 0}.loading-state p[data-v-5bbbbeb2]{margin:12px 0 0;color:#6b7280;font-size:14px}.loading-state .loading[data-v-5bbbbeb2]{display:inline-block;width:28px;height:28px;border:3px solid rgba(7,20,55,.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin-5bbbbeb2 .9s linear infinite}@keyframes spin-5bbbbeb2{to{transform:rotate(360deg)}}.retry-section[data-v-5bbbbeb2]{text-align:center;margin-top:16px}.qr-setup[data-v-5bbbbeb2]{text-align:center}.qr-container[data-v-5bbbbeb2]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:30px}.qr-code[data-v-5bbbbeb2]{background:white;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.setup-details h3[data-v-5bbbbeb2]{margin:0 0 8px;color:#374151}.setup-details p[data-v-5bbbbeb2]{margin:0 0 20px;color:#6b7280}.manual-entry[data-v-5bbbbeb2]{background:#f9fafb;padding:15px;border-radius:8px;border:1px solid #e5e7eb}.manual-title[data-v-5bbbbeb2]{font-size:14px;color:#6b7280;margin-bottom:8px!important}.secret-code[data-v-5bbbbeb2]{font-family:Courier New,monospace;font-size:14px;color:#374151;background:white;padding:8px 12px;border-radius:4px;border:1px solid #d1d5db;word-break:break-all}.verification-section[data-v-5bbbbeb2]{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.verification-section label[data-v-5bbbbeb2]{display:block;margin-bottom:10px;font-weight:500;color:#374151}.verification-input[data-v-5bbbbeb2]{width:120px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;text-align:center;font-size:18px;font-weight:600;letter-spacing:4px;margin-bottom:20px}.verification-input[data-v-5bbbbeb2]:focus{outline:none;border-color:#00ac98;box-shadow:0 0 0 3px #00ac981a}.success-message[data-v-5bbbbeb2]{text-align:center}.success-icon[data-v-5bbbbeb2]{width:60px;height:60px;border-radius:50%;background:#dcfdf7;color:#065f46;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin:0 auto 20px}.success-message h2[data-v-5bbbbeb2]{color:#065f46;margin-bottom:15px}.success-message p[data-v-5bbbbeb2]{color:#6b7280;margin-bottom:30px;line-height:1.6}.error-message[data-v-5bbbbeb2]{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px}@media (max-width: 768px){.qr-container[data-v-5bbbbeb2]{flex-direction:column}.qr-code[data-v-5bbbbeb2]{padding:15px}.step[data-v-5bbbbeb2]{flex-direction:column;text-align:center;gap:10px}.step-number[data-v-5bbbbeb2]{align-self:center}}.title[data-v-833c0f1e]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:20px}.title-icon[data-v-833c0f1e]{width:80px;height:80px;background:#26a69a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}.title-content h1[data-v-833c0f1e]{font-size:28px;color:#071437;margin-bottom:8px;font-weight:600}.title-caption[data-v-833c0f1e]{font-size:16px;color:#666;font-weight:400}.description[data-v-833c0f1e]{font-size:16px;color:#555;line-height:1.6;margin-bottom:30px;text-align:center}.btn-primary[data-v-833c0f1e]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:30px}.tech-info[data-v-833c0f1e]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:20px;text-align:left}.tech-info h3[data-v-833c0f1e]{font-size:18px;color:#071437;margin-bottom:15px}.tech-info p[data-v-833c0f1e]{margin-bottom:8px;font-size:14px;color:#555}.tech-info code[data-v-833c0f1e],code[data-v-833c0f1e]{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}@media (max-width: 768px){.title[data-v-833c0f1e]{flex-direction:column;gap:15px}.title-content h1[data-v-833c0f1e]{font-size:24px}.title-icon[data-v-833c0f1e]{width:60px;height:60px;font-size:30px}.description[data-v-833c0f1e]{font-size:14px}}