body,html{margin:0;padding:0;height:100%;font-family:'adobe-clean','Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.page-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(https://picsum.photos/1920/1080?random=2);background-size:cover;background-position:center;z-index:-2}.page-bg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(18 30 45 / .1);z-index:-1}.main-container{display:flex;height:calc(100vh - 40px);align-items:center;justify-content:center;padding:0 10%;gap:8%;box-sizing:border-box}.brand-section{flex:1;max-width:400px;color:#fff}.brand-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.brand-logo-row svg{width:40px;height:40px;fill:#fff}.brand-logo-row span{font-size:32px;font-weight:700;letter-spacing:.5px}.brand-section p{font-size:18px;margin:0;font-weight:400;color:#e0e0e0}.login-card{background-color:#fff;width:100%;max-width:430px;padding:48px;border-radius:4px;box-shadow:0 4px 24px rgb(0 0 0 / .15);box-sizing:border-box;z-index:100}.login-card h1{font-size:28px;font-weight:700;color:#222;margin:0 0 12px 0}.subtitle{font-size:14px;color:#222;margin:0 0 32px 0;line-height:1.6}.subtitle a{color:#0265dc;text-decoration:none;font-weight:600}.subtitle a:hover{text-decoration:underline}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:700;color:#505050;margin-bottom:8px}.form-group input{width:100%;padding:10px 12px;font-size:15px;color:#222;border:1px solid #757575;border-radius:2px;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease}.form-group input:focus{outline:none;border-color:#1473e6;box-shadow:inset 0 0 0 1px #1473e6}.form-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.form-actions button{font-size:10pt}.btn-submit{padding:8px 24px;background-color:#0265dc;color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color 0.2s ease}.btn-submit:hover{background-color:#0054b6}.divider{display:flex;align-items:center;text-align:center;margin:32px 0 24px 0;color:#6e6e6e;font-size:13px}.divider::before,.divider::after{content:'';flex:1;border-bottom:1px solid #e1e1e1}.divider::before{margin-right:16px}.divider::after{margin-left:16px}.social-login{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-login a{text-decoration:none}.social-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background:#fff;border:1px solid #d5d5d5;border-radius:24px;font-size:13px;font-weight:600;color:#222;cursor:pointer;transition:background-color 0.2s ease}.social-btn:hover{background-color:#f5f5f5}.social-btn svg{position:absolute;left:16px;width:20px;height:20px}.more-options{text-align:center;margin-bottom:32px}.card-link{color:#0265dc;text-decoration:underline;font-size:13px}.card-link:hover{text-decoration:underline}.page-footer{position:fixed;bottom:0;width:100%;background-color:#fff;padding:12px 24px;box-sizing:border-box;display:flex;justify-content:flex-end;align-items:center;font-size:11px;color:#505050;border-top:1px solid #e1e1e1;gap:3px}.page-footer a{color:#505050;text-decoration:none;margin-left:16px;border-right:1px solid #c2c0c0;padding-right:25px}.page-footer a:last-child{border-right:none;padding:0}.page-footer a:hover{text-decoration:underline}.chat-bubble{position:fixed;bottom:60px;right:24px;width:48px;height:48px;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px rgb(0 0 0 / .15);display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #e1e1e1;z-index:10}.chat-bubble svg{width:24px;height:24px;fill:#505050}@media (max-width:900px){.main-container{flex-direction:column;gap:40px;justify-content:flex-start;padding-top:100px;padding-left:7%;padding-right:7%;height:auto;min-height:100vh}.brand-section{text-align:center;display:flex;flex-direction:column;align-items:center}.page-footer{position:relative;justify-content:center;flex-wrap:wrap;gap:8px;text-align:center;margin-top:15vh}.page-footer a{margin-left:0;border-right:none;padding-right:0}.author-info{padding-bottom:30px}.chat-bubble{bottom:70px}}@media (max-width:410px){.author-info{padding-bottom:40px}.chat-bubble{bottom:94px}.login-card{padding:28px}}.alert{align-items:flex-start;gap:12px;padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:14px;line-height:1.4;border:1px solid #eb1000;background-color:#fffaf9;color:#222}.alert-success{background-color:#f4fdf9;border:1px solid #12805c;color:#222}.alert-success .alert-icon svg{fill:#12805c}.alert-icon svg{width:18px;height:18px;fill:#eb1000;margin-top:2px}.alert-content{flex:1;font-weight:600}.alert-close{background:none;border:none;cursor:pointer;padding:0;color:#6e6e6e}.alert-close svg{width:14px;height:14px;fill:currentColor}.gambar-putih{filter:brightness(0) invert(1)}.author-info{position:fixed;bottom:54px;left:24px;color:#fff;font-size:13px;font-weight:400;z-index:5;opacity:.8;text-shadow:0 1px 4px rgb(0 0 0 / .8);transition:opacity 0.3s ease}.author-info:hover{opacity:1}.tagline{line-height:1.5}.otp-container{display:flex;gap:10px;justify-content:space-between;margin-bottom:32px}.otp-input{width:45px;height:56px;font-size:24px;font-weight:600;text-align:center;color:#222;border:1px solid #757575;border-radius:8px;box-sizing:border-box;background-color:#fff;transition:border-color 0.2s ease,box-shadow 0.2s ease}.otp-input::-webkit-outer-spin-button,.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number]{-moz-appearance:textfield}.otp-input:focus{outline:none;border-color:#1473e6;box-shadow:inset 0 0 0 1px #1473e6}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-submit{padding:10px 32px;background-color:#0265dc;color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color 0.2s ease;width:100%}.btn-submit:hover{background-color:#0054b6}.btn-submit:disabled{background-color:#b3b3b3;cursor:not-allowed}.resend-link{text-align:center;margin-top:24px;font-size:14px;color:#505050;line-height:1.5}.text-center{text-align:center}.password-wrapper{position:relative;display:block}.password-wrapper input{padding-right:40px}.btn-toggle-pwd{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#757575;transition:color 0.2s ease}.btn-toggle-pwd:hover{color:#222}.btn-toggle-pwd svg{width:20px;height:20px;fill:currentColor}.password-reqs{margin-top:10px;display:flex;flex-direction:column;gap:6px}.req-item{display:flex;align-items:center;font-size:12px;color:#757575;gap:8px;transition:color 0.3s ease}.req-item svg{width:14px;height:14px;fill:#d5d5d5;transition:fill 0.3s ease}.req-item.valid{color:#12805c}.req-item.valid svg{fill:#12805c}.loader-container{height:3px;width:100%;position:absolute;overflow:hidden;background-color:#fff0;z-index:900000}.loader-rail{position:absolute;height:100%;width:65%;background-color:var(--primary);border-radius:50px;animation:moveRail 1.5s linear infinite}@keyframes moveRail{0%{left:-90%}100%{left:100%}}.scheme-desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.skeleton-pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.page-btn-skeleton{width:42px;height:42px;border-radius:.5rem}.page-btn-skeleton:first-child,.page-btn-skeleton:last-child{width:60px}#global-app-loader{position:fixed;top:0;left:0;width:100%;height:3px;background-color:#1a73e8;z-index:999999999999999;transform-origin:0 0;transform:scaleX(0);opacity:0;transition:transform 0.2s ease-out,opacity 0.3s ease;box-shadow:0 0 5px rgb(26 115 232 / .5);pointer-events:none}