.login-page{min-height:100dvh;background:#fafbfe}.login-header{min-height:86px;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:white}.login-header>.brand{cursor:default}.login-header>span{font-size:var(--text-xs);color:var(--muted)}.login-main{min-height:calc(100dvh - 86px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px 64px;gap:25px}.login-card{width:100%;max-width:426px;padding:34px 36px 25px;border:1px solid #e0e5ef;border-radius:18px;background:white;box-shadow:0 3px 8px #1b274005,0 20px 60px #1b274009}.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--blue-soft);color:var(--blue);margin-bottom:22px}.login-mark svg{width:25px;height:25px;stroke-width:1.7}.login-card h1{font-size:25px;font-weight:650;letter-spacing:-.5px}.login-intro{font-size:var(--text-sm);color:var(--muted);margin-top:8px;line-height:1.7}#login-form{margin-top:27px}.login-field{margin-top:18px}.login-field:first-child{margin-top:0}.login-field>label{display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:8px}.login-field>input,.password-field{width:100%;min-height:46px}.login-field input{background:white;font-size:14px;padding:10px 12px;min-width:0}.login-field input[aria-invalid=true]{border-color:var(--error)}.password-field{display:flex;border:1px solid var(--control);border-radius:7px;align-items:center;overflow:visible}.password-field input{width:100%;min-width:0;flex:1;border:0;min-height:44px}.password-field:has(input[aria-invalid=true]){border-color:var(--error)}.password-toggle{border:0;border-radius:5px;min-height:38px;padding:7px 11px;margin-inline-end:3px;background:none;color:var(--muted);font-size:var(--text-xs);flex:none}.password-toggle:hover{color:var(--blue);background:var(--blue-soft)}.field-error{font-size:var(--text-xs);color:var(--error);margin-top:6px}.field-error:empty{display:none}.login-error{font-size:var(--text-sm);line-height:1.6;background:#fff5f3;border:1px solid #edc8c3;border-radius:7px;padding:10px 12px;color:var(--error);margin-top:18px;overflow-wrap:anywhere}.login-error:empty{display:none}.login-submit{width:100%;min-height:46px;margin-top:23px;font-size:14px;font-weight:600;gap:9px;box-shadow:0 3px 8px #3355e81c}.login-submit:disabled{opacity:.7}.login-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:var(--text-xs);color:var(--muted);margin-top:24px;padding-top:21px;border-top:1px solid var(--line)}.login-note svg{width:16px;height:16px}.login-footnote{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;font-size:var(--text-xs);color:var(--muted);text-align:center}.login-spinner{width:15px;height:15px;border:2px solid #ffffff66;border-top-color:white;border-radius:50%}.login-submit[aria-busy=true]{cursor:wait}@media(prefers-reduced-motion:no-preference){.login-spinner{animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}}@media(max-width:500px){.login-header{padding:17px 20px;min-height:78px}.login-main{min-height:calc(100dvh - 78px);padding:32px 18px 40px;gap:22px}.login-card{padding:28px 24px 22px;border-radius:15px}.login-card h1{font-size:23px}.login-field input{font-size:16px;min-height:46px}.login-header>span{font-size:var(--text-xs)}}@media(max-width:360px){.login-header{padding-inline:16px}.login-header>span{display:none}.login-main{padding-inline:14px}.login-card{padding-inline:20px}.login-footnote{gap:8px}}