:root{--color-primary:#00814d;--color-primary-hover:#007143;--color-primary-light:#e6f5ef;--color-accent:#8ac43f;--color-text-dark:#004a65;--color-text-muted:#5c5c5c;--color-border:#ebebeb;--color-border-active:#004a65;--color-bg-light:#f7f9f8;--color-danger:#e9496a;--color-danger-bg:#fdedf0;--font-sans:"Open Sans", "Inter", system-ui, -apple-system, sans-serif;--transition-speed:.2s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;height:100vh;overflow-x:hidden}#root{height:100%}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.left-panel{background-color:#fff;flex-direction:column;width:55%;height:100%;padding:40px 60px 20px;display:flex;overflow-y:auto}.right-panel{background-color:#e8f3ee;width:45%;height:100%;position:relative;overflow:hidden}.banner-bg-wrapper{width:100%;height:100%}.banner-img{object-fit:cover;width:100%;height:100%;display:block}.page-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.logo-section{align-items:center;gap:10px;display:flex}.logo-text{color:var(--color-primary);letter-spacing:.5px;font-size:20px;font-weight:800;font-family:var(--font-sans)}.language-selector{color:var(--color-text-muted);align-items:center;gap:12px;font-size:14px;display:flex}.lang-btn,.help-btn{color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-speed);background:0 0;border:none;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.lang-btn:hover,.help-btn:hover{opacity:.8;text-decoration:underline}.lang-btn .icon-globe,.help-btn .icon-help{color:var(--color-primary);font-size:15px}.divider{color:#ccd6d0}.form-wrapper{flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:540px;margin:0 auto;padding-bottom:40px;display:flex}.verification-title{color:var(--color-primary);text-align:left;margin-bottom:12px;font-size:26px;font-weight:700}.verification-desc{color:var(--color-text-muted);text-align:left;margin-bottom:30px;font-size:13.5px;line-height:1.6}.form-card{border:1px solid #e0ebd3;border-top:3px solid var(--color-primary);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 4px 20px #00000008}.card-header-bar{background-color:var(--color-bg-light);border-bottom:1px solid #e0ebd3;align-items:center;padding:18px 24px;display:flex}.card-icon{margin-right:14px;font-size:20px}.card-header-text{color:var(--color-primary);text-align:left;flex-grow:1;font-size:15px;font-weight:700}.accordion-arrow{color:var(--color-primary);font-size:11px}.card-content-body{background-color:#fff;padding:28px 24px}.form-step{flex-direction:column;gap:20px;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-label{color:var(--color-primary);font-size:15px;font-weight:700}.argnt-field-container{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.argnt-field-label{color:#004a65;font-family:Open Sans,Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.5}.argnt-masked-input{width:100%;position:relative}.argnt-field-box{width:100%;height:50px;transition:border-color var(--transition-speed), box-shadow var(--transition-speed), background-color var(--transition-speed);background-color:#fff;border:2px solid #ebebeb;border-radius:4px;align-items:center;display:flex;position:relative}.argnt-field-box:hover{box-shadow:0 2px 8px #d2d2d266}.argnt-field-box.focused{border-color:#004a65}.argnt-field-box.error{background-color:#fdedf0;border-color:#e9496a}.argnt-field-input{color:#004a65;z-index:2;caret-color:#00814d;letter-spacing:.05em;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:12px 40px 12px 16px;font-family:B612 Mono,monospace;font-size:16px;font-weight:700;line-height:1.375;position:absolute;top:0;left:0}.argnt-field-mask{pointer-events:none;z-index:1;letter-spacing:.05em;box-sizing:border-box;align-items:center;width:100%;height:100%;padding:12px 40px 12px 16px;font-family:B612 Mono,monospace;font-size:16px;font-weight:700;line-height:1.375;display:flex;position:absolute;top:0;left:0}.argnt-field-mask-value{visibility:hidden;white-space:pre}.argnt-field-mask-placeholder{color:#5c5c5c}.argnt-field-checkmark{z-index:3;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.argnt-field-chevron{z-index:3;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.argnt-collapse-item{transition:box-shadow var(--transition-speed);text-align:left;background-color:#fff;border:1px solid #ebebeb;border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #d2d2d280}.argnt-collapse-item:hover{box-shadow:0 4px 12px #b4b4b499}.argnt-collapse-item__summary{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.argnt-collapse-item.disabled .argnt-collapse-item__summary{cursor:not-allowed}.argnt-collapse-item__summary-title{color:#004a65;align-items:center;font-family:Open Sans,Inter,sans-serif;font-size:16px;font-weight:700;display:flex}.argnt-collapse-item__arrow{color:#004a65;font-size:14px;transition:transform .2s}.argnt-collapse-item.collapsed .argnt-collapse-item__arrow{transform:rotate(180deg)}.argnt-collapse-item__content{background-color:#fff;border-top:1px solid #ebebeb;padding:24px 32px}.checkbox-group{text-align:left;align-items:center;display:flex}.checkbox-label{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-label input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkbox{border:1px solid var(--color-border);width:20px;height:20px;transition:all var(--transition-speed);background-color:#fff;border-radius:3px;display:inline-block;position:relative}.checkbox-label:hover input~.custom-checkbox{border-color:var(--color-primary)}.checkbox-label input:checked~.custom-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.custom-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-label input:checked~.custom-checkbox:after{display:block}.btn-primary{background-color:var(--color-primary);color:#fff;cursor:pointer;width:100%;min-height:48px;transition:background-color var(--transition-speed);border:none;border-radius:8px;padding:11px 32px;font-size:16px;font-weight:700}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:disabled{color:#a3cbbd;cursor:not-allowed;background-color:#e6f5ef}.step2-container{text-align:left;gap:20px;display:flex}.instructions-side{flex:1}.instruction-header{color:var(--color-primary);margin-bottom:16px;font-size:15px;font-weight:700}.digipas-steps{flex-direction:column;gap:14px;list-style-type:none;display:flex}.digipas-steps li{color:var(--color-text-dark);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;line-height:1.5;display:flex}.badge-red{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fec3c3;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800}.badge-green{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid #b2dbca;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800}.challenge-value{background-color:var(--color-bg-light);border:1px solid var(--color-border);color:var(--color-text-dark);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:16px}.digipas-steps li.response-li{flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-top:8px;display:flex}.device-side{justify-content:center;align-items:center;width:120px;display:flex}.digipas-device-img{object-fit:contain;max-width:100%;height:auto}.error-alert{background-color:var(--color-danger-bg);color:var(--color-danger);text-align:left;border:1px solid #fec3c3;border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:13.5px;line-height:1.4}.loader-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:flex}.spinner-circle{background:var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;display:flex;position:relative}.inner-pulse{background-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.6)}}.loader-title{color:var(--color-primary);margin-bottom:8px;font-size:18px;font-weight:700}.loader-desc{color:var(--color-text-muted);font-size:13.5px;line-height:1.5}.loader-subtext{color:var(--color-primary);margin-top:6px;font-size:12px;font-weight:600;display:inline-block}.success-step{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.success-icon-badge{background-color:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:30px;font-weight:700;display:flex}.success-title{color:var(--color-primary);margin-bottom:10px;font-size:20px;font-weight:700}.success-desc{color:var(--color-text-muted);max-width:320px;font-size:14px;line-height:1.5}.page-footer{text-align:left;border-top:1px solid #eee;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px;display:flex}.copyright{color:var(--color-text-muted);font-size:12px}.footer-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.footer-links a{color:var(--color-text-muted);transition:color var(--transition-speed);font-size:11.5px;text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.version{color:#99a79f;margin-left:auto;font-size:11.5px}@media (width<=1024px){.app-container{flex-direction:column;width:100vw;height:100vh;overflow:hidden}.left-panel{width:100%;height:100%;padding:30px 24px 20px;overflow-y:auto}.right-panel{display:none}.version{margin-left:0}}@media (width<=768px){.left-panel{padding:20px 16px 16px}.page-header{margin-bottom:24px}.logo-section img{height:60px!important}.verification-title{margin-bottom:8px;font-size:22px}.verification-desc{margin-bottom:20px;font-size:13px}.step2-container{flex-direction:column;gap:16px}.device-side{justify-content:center;width:100%;margin-top:10px;display:flex}.digipas-device-img{max-height:140px}}@media (width<=480px){.page-header{flex-direction:column;align-items:flex-start;gap:12px}.language-selector{justify-content:flex-start;width:100%}.argnt-collapse-item__summary{padding:14px 16px}.argnt-collapse-item__content{padding:16px}}.landing-container{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.landing-header{background-color:#fff;border-bottom:1px solid #ebebeb;width:100%;padding:12px 24px}.landing-header__content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.landing-header__right{align-items:center;gap:20px;display:flex}.landing-header__right .nav-link{color:#5c5c5c;cursor:pointer;transition:color var(--transition-speed);font-size:13.5px;font-weight:500}.landing-header__right .nav-link:hover{color:var(--color-primary)}.flex-align{align-items:center;gap:4px;display:flex}.btn-secondary{color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-speed);background-color:#e6f5ef;border:none;border-radius:4px;padding:8px 16px;font-size:13.5px;font-weight:700}.btn-secondary:hover{opacity:.9}.btn-primary-mini{background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color var(--transition-speed);border:none;border-radius:4px;padding:8px 16px;font-size:13.5px;font-weight:700}.btn-primary-mini:hover{background-color:var(--color-primary-hover)}.lang-dropdown{color:#5c5c5c;cursor:pointer;align-items:center;font-size:13.5px;font-weight:600;display:flex}.main-nav{background-color:#fff;border-bottom:1px solid #ebebeb;width:100%;padding:16px 24px}.main-nav__content{align-items:center;gap:32px;max-width:1200px;margin:0 auto;display:flex}.main-nav__item{color:var(--color-text-dark);cursor:pointer;transition:color var(--transition-speed);align-items:center;font-size:15px;font-weight:700;display:flex}.main-nav__item:hover{color:var(--color-primary)}.main-nav__search{color:var(--color-text-dark);cursor:pointer;transition:border-color var(--transition-speed);border:1px solid #ebebeb;border-radius:4px;align-items:center;margin-left:auto;padding:6px 12px;font-size:14px;font-weight:700;display:flex}.main-nav__search:hover{border-color:var(--color-primary)}.hero-section{background-color:#e8f3ee;width:100%;height:480px;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%}.hero-img{object-fit:cover;width:100%;height:100%}.hero-overlay{align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;position:absolute;inset:0}.hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:4px solid var(--color-primary);text-align:left;background:#fffffff2;border-radius:8px;width:100%;max-width:480px;padding:40px;box-shadow:0 10px 30px #00000014}.hero-title{color:var(--color-primary);margin-bottom:6px;font-size:26px;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--color-text-dark);margin-bottom:16px;font-size:18px;font-weight:700}.hero-text{color:var(--color-text-muted);margin-bottom:24px;font-size:14.5px;line-height:1.6}@keyframes button-glow-pulse{0%{box-shadow:0 0 #02a86599}70%{box-shadow:0 0 0 12px #02a86500}to{box-shadow:0 0 #02a86500}}.hero-btn{color:#fff;cursor:pointer;transition:transform var(--transition-speed), filter var(--transition-speed), box-shadow var(--transition-speed);background:linear-gradient(135deg,#00814d 0%,#02a865 100%);border:none;border-radius:6px;width:100%;padding:16px 28px;font-size:16px;font-weight:700;animation:2.2s infinite button-glow-pulse;box-shadow:0 4px 15px #00814d4d}.hero-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #00814d66}.landing-main{background-color:#fcfdfc;flex-grow:1;width:100%;padding:60px 24px}.landing-grid{grid-template-columns:1fr 1fr 1fr;gap:30px;max-width:1200px;margin:0 auto;display:grid}.grid-card{text-align:left;transition:transform var(--transition-speed), box-shadow var(--transition-speed);background:#fff;border:1px solid #ebebeb;border-radius:6px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000005}.grid-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000d}.app-card{padding:24px}.app-card-title{color:var(--color-text-dark);border-bottom:2px solid var(--color-primary-light);margin-bottom:20px;padding-bottom:8px;font-size:20px;font-weight:700}.app-card-list{flex-direction:column;gap:16px;list-style:none;display:flex}.app-card-item{cursor:pointer;color:var(--color-text-dark);transition:color var(--transition-speed);border-bottom:1px solid #f7f9f8;justify-content:space-between;align-items:center;padding:12px 0;font-size:14.5px;font-weight:600;display:flex}.app-card-item:hover{color:var(--color-primary)}.arrow-green{color:var(--color-primary);font-size:16px;font-weight:700}.article-img-wrapper{background-color:#f7f9f8;width:100%;height:180px;overflow:hidden}.article-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.grid-card:hover .article-img{transform:scale(1.03)}.article-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.article-title{color:var(--color-text-dark);margin-bottom:10px;font-size:18px;font-weight:700}.article-desc{color:var(--color-text-muted);flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.5}.article-link{color:var(--color-primary);cursor:pointer;transition:color var(--transition-speed);font-size:14px;font-weight:700;display:inline-block}.article-link:hover{color:var(--color-primary-hover);text-decoration:underline}.landing-footer{background-color:#fff;border-top:1px solid #ebebeb;width:100%;padding:24px}.landing-footer__content{max-width:1200px;color:var(--color-text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:13px;display:flex}.landing-footer__links{align-items:center;gap:20px;display:flex}.landing-footer__links a{color:var(--color-text-muted);transition:color var(--transition-speed);text-decoration:none}.landing-footer__links a:hover{color:var(--color-primary)}.landing-footer__version{color:#99a79f;margin-left:10px}@media (width<=1024px){.landing-grid{grid-template-columns:1fr;max-width:600px}.main-nav__content{gap:16px}}@media (width<=768px){.main-nav,.landing-header__right .nav-link,.landing-header__right .flex-align{display:none}.hero-section{flex-direction:column;height:auto;min-height:400px;display:flex}.hero-bg{height:220px}.hero-overlay{background:#fff;width:100%;padding:20px 16px;position:relative}.hero-card{box-shadow:none;background:#fff;border-top:none;max-width:100%;padding:0}.hero-title{font-size:22px}}@media (width<=480px){.landing-header{padding:10px 16px}.landing-header__content{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.landing-header__right{gap:12px}.btn-primary-mini{padding:6px 12px;font-size:12.5px}.landing-main{padding:30px 16px}.landing-grid{gap:20px}.hero-title{font-size:20px}.hero-subtitle{margin-bottom:12px;font-size:16px}.hero-text{margin-bottom:16px;font-size:13.5px}.landing-footer__content{text-align:center;flex-direction:column;gap:12px}.landing-footer__links{flex-wrap:wrap;justify-content:center;gap:10px}}.lang-dropdown-container{position:relative}.lang-dropdown-menu{z-index:1000;text-align:left;background-color:#fff;border:1px solid #004a65;min-width:140px;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000014}.lang-dropdown-item{cursor:pointer;white-space:nowrap;color:#7c7c7c;padding:10px 16px;font-size:13.5px;font-weight:600;transition:background-color .2s,color .2s}.lang-dropdown-item:hover{background-color:#f7f9f8}.lang-dropdown-item.active{color:#004a65;font-weight:700}