:root{--ink:#102247;--muted:#647492;--blue:#2874ed;--surface:#edf5ff}
body{padding:0;display:block;background:radial-gradient(ellipse at 85% 12%,#c7dfff 0,transparent 48%),linear-gradient(130deg,#f3f8ff,#e1eeff 70%,#f4f9ff)}
main{min-height:100svh;padding:22px 12px 40px;display:flex;align-items:center;justify-content:center}
.workspace{display:block;width:520px;max-width:100%;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.agent-art{width:100%;aspect-ratio:941/594;background:url('/agent-login-art.jpg') top center/100% auto no-repeat;border-radius:24px 24px 0 0}
.login-panel{position:relative;margin:-1px auto 0;width:92%;padding:34px 34px 28px;border-radius:26px;background:linear-gradient(130deg,#fff,#ffffffed);box-shadow:0 24px 55px #477ece13;display:block}
h1{color:#102247;font-size:39px;font-weight:750;line-height:1.25;letter-spacing:.015em;margin:0 0 9px}
.subtitle{font-size:16px;color:#647492;line-height:1.7;margin-bottom:29px}
.field{margin-bottom:24px}label{font-size:16px;font-weight:650;margin-bottom:10px;color:#17294d}
input{height:60px;border:1px solid #d8e4f8;border-radius:12px;background:#f7f9fe;padding-left:48px;color:#14284d;font-size:16px}input::placeholder{font-size:16px;color:#677793}input:focus{border-color:#377eef;box-shadow:0 0 0 3px #2874ed18}.input-wrap>svg{left:17px;top:19px;width:23px;height:23px;color:#7584a0}.toggle{top:8px;right:8px}.toggle svg{width:23px;height:23px}.toggle:hover{background:#e6efff}
.submit{height:63px;border-radius:13px;margin-top:4px;background:linear-gradient(110deg,#3988fa,#2973ed);box-shadow:0 10px 24px #2b76ee1c;font-size:21px;font-weight:650;gap:20px}.submit svg{width:25px;height:25px}.submit:hover{background:linear-gradient(110deg,#2779ef,#1b63d8)}.submit:active{background:#1d62d1}.submit:disabled{opacity:.65}
.help{font-size:13px;line-height:1.8;color:#637391;margin:27px 0 0}.alert{margin-bottom:18px}.toggle:focus-visible,.submit:focus-visible{outline:3px solid #1659c4;outline-offset:3px}
@media(max-width:540px){main{padding:0 0 30px;align-items:flex-start}.workspace{width:100%;max-width:480px}.agent-art{border-radius:0}.login-panel{width:92%;padding:29px 27px 27px;border-radius:24px}h1{font-size:34px}.subtitle{font-size:14px;margin-bottom:25px}.field{margin-bottom:22px}label{font-size:15px}input{height:55px}.input-wrap>svg{top:16px}.toggle{top:5px}.submit{height:57px;font-size:19px}.help{font-size:12px;margin-top:25px}}
@media(max-width:360px){.login-panel{padding:25px 21px}h1{font-size:30px}.subtitle{font-size:13px}.help{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}