.login-page{min-height:100vh;background:#eef6f3;display:grid;place-items:center;padding:36px 18px}.login-wrap{width:min(430px,100%)}.login-card{overflow:hidden;border:1px solid #d9e8e3;border-radius:24px;background:#fff;box-shadow:0 24px 70px #173e4a1c}.login-body{padding:32px 28px 25px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.login-brand img{width:52px;height:52px}.login-brand b{display:block;font-size:22px;letter-spacing:1px}.login-brand small{display:block;margin-top:3px;color:#7a8b8e;font-size:11px;letter-spacing:1.5px}.login-card h1{margin:0 0 10px;font-size:26px}.login-slogan{margin:0 0 26px;color:#158176;font-size:16px;font-weight:700;letter-spacing:.5px}.login-field{display:grid;gap:8px;margin-top:14px;color:#42585f;font-size:14px}.login-field input{width:100%;height:50px;border:1px solid #cadbd6;border-radius:13px;padding:0 14px;background:#fbfdfc;color:#173e4a;font:inherit;outline:none;box-sizing:border-box}.login-field input:focus{border-color:#17867c;box-shadow:0 0 0 3px #17867c18}.login-code-row{display:grid;grid-template-columns:1fr 116px;gap:10px}.login-code-row input{height:50px}.login-primary,.login-secondary{height:50px;border-radius:13px;font:inherit;font-weight:700;cursor:pointer}.login-secondary{border:1px solid #b9d3cc;background:#f4faf8;color:#14766d}.login-primary{width:100%;height:56px;margin-top:18px;border:0;background:linear-gradient(135deg,#173e4a,#118276);color:#fff;font-size:16px;box-shadow:0 10px 24px #13776d29}.login-primary:disabled,.login-secondary:disabled{cursor:not-allowed;opacity:.55}.login-notice{margin:16px 0 0;padding:11px 13px;border-radius:11px;background:#edf8f5;color:#176c65;font-size:13px;line-height:1.55}.login-notice.error{background:#fff1f0;color:#a34038}.login-message{padding:19px 28px 22px;border-top:1px solid #e7efec;background:#fbfdfc;color:#70817f;font-size:13px;line-height:1.75}.login-message a{color:#17776f;font-weight:700;text-decoration:none}.login-foot{text-align:center;margin-top:18px;color:#899693;font-size:11px}.login-mode-tabs{display:flex;gap:0;margin:18px 0 4px;border:1px solid #cadbd6;border-radius:11px;overflow:hidden}.login-mode-tabs button{flex:1;height:38px;border:none;background:#f4faf8;color:#7a8b8e;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.login-mode-tabs button:first-child{border-radius:10px 0 0 10px}.login-mode-tabs button:last-child{border-radius:0 10px 10px 0}.login-mode-tabs button.active{background:#17867c;color:#fff}@media (max-width:480px){.login-page{align-items:start;padding-top:34px}.login-body{padding:28px 22px 22px}.login-message{padding:18px 22px}.login-code-row{grid-template-columns:1fr 108px}}