*{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, url(https://cdn.jsdelivr.net/gh/mpob-it/mpob-assets@v1.4.11/mpob/error_page/bg.webp)) 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:Inter,Helvetica,sans-serif;color:#071437;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%}.container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;max-width:100%}.login-wrapper{background:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 4px 20px #0714371a;padding:40px;width:calc(100% - 40px);max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInRight .8s ease-out;margin:0 auto;box-sizing:border-box}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.logo{text-align:center;margin-bottom:30px}.logo img{height:80px;width:auto}h1{text-align:center;font-size:25px;margin:0 0 30px;color:#071437;font-weight:600}.social-button{width:100%;padding:12px 20px;margin-bottom:12px;border:1px solid #071437;border-radius:5px;background:white;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;text-decoration:none;color:#071437;font-family:Inter,Helvetica,sans-serif}.social-button:hover{background:#f8f9fa;color:#00ac98;border-color:#00ac98}.social-button:disabled{opacity:.6;cursor:not-allowed}.social-button i{font-size:20px;width:20px}.btn-primary{padding:10px 20px;font-size:16px;color:#000;border:none;border-radius:5px;cursor:pointer;width:100%;margin:20px 0;background-color:#00ac98;color:#fff;font-weight:600;font-family:Inter,Helvetica,sans-serif}.btn-primary:hover{background-color:#008c7a}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.text-link{text-decoration:none;color:#333;font-weight:700;font-size:14px;text-align:right;display:block;margin-top:5px;margin-right:10px}.text-link:hover{color:#00ac98}.contact-section{margin-top:20px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;text-align:center;line-height:1}.contact-section p{margin-bottom:8px}.contact-section p:last-child{margin-bottom:0}.contact-section .font-semibold{font-weight:600}.contact-section .text-gray-800{color:#1f2937}.contact-section .text-gray-700{color:#374151}.contact-section .text-xs{font-size:12px}.contact-section .space-y-1>*+*{margin-top:4px}.contact-section a{color:#49a090;text-decoration:none}.contact-section a:hover{color:#3d8a7a}hr{border-top:1px dashed #071437;margin:30px 0}.footer{text-align:center;margin-top:30px;margin-bottom:30px;display:block;font-size:10px;font-weight:300!important;color:#071437}.footer-links{margin-bottom:10px}.footer-links a{text-decoration:none;color:#333;font-weight:700;margin:0 10px}.footer-links a:hover{color:#00ac98}@media (max-width: 768px){.container{padding:15px}.login-wrapper{padding:30px 20px;max-width:100%;margin:0 auto}h1{font-size:22px;margin-bottom:25px}.logo img{height:70px}.social-button{font-size:15px;padding:12px 16px;margin-bottom:10px}.social-button i{font-size:18px}.text-link{font-size:13px;text-align:center;margin-right:0}.contact-section{margin-top:15px;padding:10px}.contact-section .text-xs{font-size:11px}.footer-links{margin-bottom:15px}.footer-links a{font-size:12px;margin:0 8px}}@media (max-width: 480px){.container{padding:10px}.login-wrapper{padding:25px 15px;border-radius:6px;width:calc(100% - 20px);box-shadow:0 2px 10px #07143714}h1{font-size:20px;margin-bottom:20px}.logo img{height:60px}.social-button{font-size:14px;padding:10px 15px;margin-bottom:8px}.social-button i{font-size:16px}.text-link{font-size:12px;margin-top:8px}.contact-section{margin-top:12px;padding:8px}.contact-section p{margin-bottom:6px}.contact-section .text-xs{font-size:10px}.footer-links a{font-size:11px;margin:0 6px}.footer{font-size:10px;padding:15px}}.social-login[data-v-924aacde]{margin-bottom:20px}.idp-grid[data-v-924aacde]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.idp-button[data-v-924aacde]{display:flex;flex-direction:column;align-items:center;padding:20px 16px;border:2px solid #e5e7eb;border-radius:12px;background:white;cursor:pointer;transition:all .2s ease;text-align:center;min-height:140px;position:relative}.idp-button[data-v-924aacde]:hover:not(.disabled){border-color:#00ac98;box-shadow:0 4px 12px #00ac9826;transform:translateY(-2px)}.idp-button.disabled[data-v-924aacde]{opacity:.5;cursor:not-allowed;border-color:#d1d5db}.idp-button.disabled[data-v-924aacde]:hover{transform:none;box-shadow:none;border-color:#d1d5db}.idp-logo[data-v-924aacde]{max-width:170px;max-height:48px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.idp-logo img[data-v-924aacde]{width:auto;height:auto;max-width:100%;object-fit:contain}.idp-content[data-v-924aacde]{flex:1;margin-bottom:8px}.idp-name[data-v-924aacde]{font-weight:600;font-size:16px;color:#374151;margin-bottom:4px}.idp-subtitle[data-v-924aacde]{font-size:12px;color:#6b7280;line-height:1.3}.idp-status[data-v-924aacde]{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;background:#f3f4f6;color:#374151}.mygovuc-button .idp-status[data-v-924aacde]{background:#dcfdf7;color:#065f46}.mydigitalid-button.disabled .idp-status[data-v-924aacde]{background:#f9fafb;color:#9ca3af}@media (max-width: 640px){.idp-grid[data-v-924aacde]{grid-template-columns:1fr;gap:12px}.idp-button[data-v-924aacde]{min-height:120px;padding:16px 12px}.idp-logo[data-v-924aacde]{width:40px;height:40px}.idp-name[data-v-924aacde]{font-size:14px}.idp-subtitle[data-v-924aacde]{font-size:11px}}.error-message[data-v-924aacde]{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px}.title[data-v-924aacde]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:20px}.title-icon[data-v-924aacde]{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.title-icon img[data-v-924aacde]{width:80px;height:80px;object-fit:contain}.title-content h1[data-v-924aacde]{font-size:28px;color:#071437;margin-bottom:8px;font-weight:600}.title-caption[data-v-924aacde]{font-size:16px;color:#666;font-weight:400}.description[data-v-924aacde]{font-size:16px;color:#555;line-height:1.6;margin-bottom:30px;text-align:center}.btn-primary[data-v-924aacde]{display:flex;align-items:center;justify-content:center;gap:8px}code[data-v-924aacde]{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}.description a[data-v-924aacde]{color:#00ac98;text-decoration:none}.description a[data-v-924aacde]:hover{text-decoration:underline}@media (max-width: 768px){.title[data-v-924aacde]{flex-direction:column;gap:15px}.title-content h1[data-v-924aacde]{font-size:24px}.title-icon[data-v-924aacde]{width:60px;height:60px;font-size:30px}.description[data-v-924aacde]{font-size:14px}}.account-list[data-v-fb7d0ae3]{margin-bottom:20px}.account-item[data-v-fb7d0ae3]{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-fb7d0ae3]:hover{background:#f8f9fa;border-color:#00ac98}.account-avatar[data-v-fb7d0ae3]{width:48px;height:48px;border-radius:50%;flex-shrink:0}.account-avatar img[data-v-fb7d0ae3]{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder[data-v-fb7d0ae3]{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-fb7d0ae3]{font-size:16px;font-weight:600;margin-bottom:4px;color:#071437}.account-info p[data-v-fb7d0ae3]{font-size:14px;color:#071437}.loading[data-v-fb7d0ae3]{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,172,152,.3);border-radius:50%;border-top-color:transparent;animation:spin-fb7d0ae3 1s ease-in-out infinite}@keyframes spin-fb7d0ae3{to{transform:rotate(360deg)}}.form-group[data-v-83a460a6]{margin-bottom:20px}.form-group label[data-v-83a460a6]{display:block;margin-bottom:5px;font-weight:600;color:#071437;font-size:14px}.form-group input[data-v-83a460a6]{width:100%;padding:10px 15px;border:1px solid #071437;border-radius:5px;font-size:16px;font-family:Inter,Helvetica,sans-serif;transition:border-color .3s ease;background:white;color:#071437}.form-group input[data-v-83a460a6]:focus{outline:none;border-color:#00ac98}.form-options[data-v-83a460a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px}.remember-me[data-v-83a460a6]{display:flex;align-items:center;gap:5px}.remember-me input[data-v-83a460a6]{width:auto}.link[data-v-83a460a6]{text-decoration:none;color:#333;font-weight:700}.link[data-v-83a460a6]:hover{color:#00ac98}.error-message[data-v-83a460a6]{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px}.loading[data-v-83a460a6]{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-83a460a6 1s ease-in-out infinite}@keyframes spin-83a460a6{to{transform:rotate(360deg)}}.loading-section[data-v-d2050628]{text-align:center;padding:20px}.user-info[data-v-d2050628]{text-align:center}.user-avatar[data-v-d2050628]{margin-bottom:20px}.user-avatar img[data-v-d2050628]{width:80px;height:80px;border-radius:50%;border:3px solid #00ac98}.avatar-placeholder[data-v-d2050628]{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-d2050628]{color:#071437;margin-bottom:8px;font-size:24px}.user-email[data-v-d2050628]{color:#666;font-size:14px;margin-bottom:4px}.user-org[data-v-d2050628]{color:#00ac98;font-size:12px;font-weight:600;margin-bottom:30px}.user-actions[data-v-d2050628]{margin-bottom:30px}.btn-primary[data-v-d2050628]{display:inline-flex;align-items:center;gap:8px}.error-section[data-v-d2050628]{text-align:center;padding:20px;color:#c33}.auth-section[data-v-0ad8deea]{margin-bottom:30px;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.auth-section h2[data-v-0ad8deea]{font-size:18px;margin-bottom:8px;color:#071437}.auth-section p[data-v-0ad8deea]{font-size:14px;color:#666;margin-bottom:15px}.passkey-btn[data-v-0ad8deea]{background:#2563eb}.passkey-btn[data-v-0ad8deea]:hover{background:#1d4ed8}.btn-secondary[data-v-0ad8deea]{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-0ad8deea]:hover{background:#4b5563}.totp-input[data-v-0ad8deea]{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-0ad8deea]:focus{border-color:#00ac98;outline:none}.otp-form[data-v-0ad8deea]{margin-top:20px}.error-message[data-v-0ad8deea]{background:#fee;border:1px solid #fcc;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px}.divider[data-v-0ad8deea]{position:relative;text-align:center;margin:20px 0}.divider[data-v-0ad8deea]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.divider span[data-v-0ad8deea]{background:rgba(255,255,255,.95);padding:0 15px;position:relative;color:#071437;font-size:14px;font-weight:600}.title[data-v-592b6fe7]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:20px}.title-icon[data-v-592b6fe7]{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-592b6fe7]{font-size:28px;color:#071437;margin-bottom:8px;font-weight:600}.title-caption[data-v-592b6fe7]{font-size:16px;color:#666;font-weight:400}.description[data-v-592b6fe7]{font-size:16px;color:#555;line-height:1.6;margin-bottom:30px;text-align:center}.btn-primary[data-v-592b6fe7]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:30px}.tech-info[data-v-592b6fe7]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:20px;text-align:left}.tech-info h3[data-v-592b6fe7]{font-size:18px;color:#071437;margin-bottom:15px}.tech-info p[data-v-592b6fe7]{margin-bottom:8px;font-size:14px;color:#555}.tech-info code[data-v-592b6fe7],code[data-v-592b6fe7]{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}@media (max-width: 768px){.title[data-v-592b6fe7]{flex-direction:column;gap:15px}.title-content h1[data-v-592b6fe7]{font-size:24px}.title-icon[data-v-592b6fe7]{width:60px;height:60px;font-size:30px}.description[data-v-592b6fe7]{font-size:14px}}