.login-backdrop{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c2335d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-card{background:#fff;border:1px solid #d6e2e4;border-radius:14px;width:min(420px,100%);padding:0;position:relative;overflow:hidden;box-shadow:0 20px 52px #01172657}.login-header{border-bottom:1px solid #e4ecee;justify-content:space-between;align-items:center;padding:20px 24px 17px;display:flex}.login-header>small{color:#74868c;letter-spacing:.12em;font-size:10px;font-weight:800}.login-brand{align-items:center;gap:10px;display:flex}.login-brand b{color:#086f63;letter-spacing:.04em;font-size:25px;line-height:1;display:block}.login-brand span{color:#527078;letter-spacing:.11em;margin-top:4px;font-size:9px;font-weight:900;display:block}.hexes{gap:3px;display:flex}.hexes i{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#087e70;width:13px;height:16px}.hexes i:nth-child(2){background:#4ba981}.hexes i:nth-child(3){background:#c8a43e}.login-title{padding:23px 24px 0}.login-title h1{color:#153e50;letter-spacing:-.04em;margin:0;font-size:22px}.login-title strong{color:#087e70;letter-spacing:.01em;margin-top:3px;font-size:14px;display:block}.login-guide{color:#5f737c;margin:10px 24px 18px;font-size:13px;line-height:1.5}.login-form{padding:0 24px}.login-card label{color:#254f5d;gap:6px;margin-top:12px;font-size:12px;font-weight:850;display:grid}.login-card input{color:#12384a;background:#fff;border:1px solid #cbdadd;border-radius:7px;outline:none;width:100%;min-height:44px;padding:9px 11px;font-size:16px}.login-card input:focus{border-color:#087e70;box-shadow:0 0 0 3px #087e7018}.secure-login-code{-webkit-text-security:disc;text-security:disc;letter-spacing:.12em}.login-message{color:#bd3d4e;min-height:18px;margin:10px 0 4px;font-size:12px;display:block}.login-actions{grid-template-columns:.78fr 1.22fr;gap:8px;display:grid}.login-actions .login-primary,.login-cancel{cursor:pointer;border-radius:7px;width:auto;min-height:44px;font-size:14px;font-weight:900}.login-primary{color:#fff;background:#087e70;border:1px solid #087e70}.login-primary:hover{background:#066b60}.login-cancel{color:#46616a;background:#fff;border:1px solid #c8d6d9}.login-links{justify-content:center;gap:12px;margin:16px 0 17px;display:flex}.login-links button{color:#176f67;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:12px;font-weight:800;text-decoration:underline}.login-card footer{text-align:center;color:#74868c;background:#f7faf9;border-top:1px solid #e7eeee;padding:12px 24px;font-size:10px}.login-exit-card{padding:24px}.login-exit-card h1{color:#153e50;margin:22px 0 8px;font-size:21px}.login-exit-card p{color:#5f737c;margin:0;font-size:13px;line-height:1.55}.login-result{background:#0c233594;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.login-result>div{text-align:center;background:#fff;border-radius:10px;width:100%;padding:24px;box-shadow:0 12px 30px #00172255}.login-result strong{color:#087b68;font-size:16px}.login-result p{color:#365866;margin:12px 0 17px;font-size:14px}.login-result .login-primary{width:100%}.login-connection-card{text-align:center;padding:28px 28px 25px}.login-connection-card .login-brand{justify-content:center}.connection-symbol{color:#b56a00;background:#fff2df;border-radius:50%;place-items:center;width:52px;height:52px;margin:23px auto 12px;font-size:29px;font-weight:900;display:grid}.login-connection-card h1{color:#153e50;margin:0;font-size:21px}.login-connection-card p{color:#5f737c;margin:10px 0 20px;font-size:14px;line-height:1.6}.login-connection-card .login-primary{border-radius:8px;width:100%;min-height:45px;font-size:14px;font-weight:900}@media (width<=480px){.login-backdrop{padding:14px}.login-header,.login-title,.login-form{padding-left:18px;padding-right:18px}.login-guide{margin-left:18px;margin-right:18px}.login-header>small{display:none}.login-card{border-radius:12px}}.login-card.login-form-card{width:min(328px,100%);max-height:calc(100dvh - 28px);overflow-y:auto;border-radius:14px!important}.login-form-card .login-header{background:#f7fbfa;padding:12px 17px 10px}.login-form-card .login-header>small{letter-spacing:.08em;font-size:8px}.login-form-card .login-brand{gap:7px}.login-form-card .login-brand b{font-size:19px}.login-form-card .login-brand span{margin-top:2px;font-size:8px}.login-form-card .hexes i{width:10px;height:13px}.login-form-card .login-title{justify-content:space-between;align-items:baseline;gap:8px;padding:12px 17px 0;display:flex}.login-form-card .login-title h1{font-size:17px;line-height:1.25}.login-form-card .login-title strong{white-space:nowrap;margin:0;font-size:11px}.login-form-card .login-guide{margin:4px 17px 7px;font-size:11px;line-height:1.35}.login-form-card .login-form{padding:0 17px}.login-form-card label{gap:4px;margin-top:7px;font-size:11px}.login-form-card input{min-height:38px;padding:7px 9px;font-size:14px}.login-form-card .login-message{min-height:0;margin:6px 0 4px;font-size:11px;line-height:1.35}.login-form-card .login-message:empty{margin:3px 0 0}.login-form-card .login-actions{gap:7px}.login-form-card .login-actions .login-primary,.login-form-card .login-cancel{min-height:38px;font-size:12px}.login-form-card .login-links{margin:8px 0 9px}.login-form-card .login-links button{font-size:11px}.login-form-card footer{padding:8px 17px;font-size:9px}@media (width<=480px){.login-form-card .login-header,.login-form-card .login-title,.login-form-card .login-form{padding-left:17px;padding-right:17px}.login-form-card .login-guide{margin-left:17px;margin-right:17px}.login-form-card input{font-size:16px}}html body .login-card .stock-remember-options{color:#17334d;gap:7px;margin:8px 0;display:grid}html body .login-card .stock-remember-options label{color:#17334d;align-items:center;gap:9px;font-size:14px;line-height:1.4;display:flex}html body .login-card .stock-remember-options input[type=checkbox]{accent-color:#147878;flex:0 0 19px;margin:0;padding:0;width:19px!important;height:19px!important;min-height:19px!important}html body .login-card .stock-remember-options small{color:#53677a;white-space:normal;font-size:11px;line-height:1.5}html body .login-card .stock-remember-options button{color:#17334d;background:#eef8fa;border:1px solid #abcbd3;border-radius:6px;padding:8px;font-size:12px}
