:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#101827;background:#f7f9fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center}.login-shell{width:min(100%,430px);min-height:100dvh;padding:40px 28px 30px;display:flex;flex-direction:column;justify-content:center}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:900;letter-spacing:.06em;margin-bottom:78px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#101827;color:#d6ff73;font-size:27px}.eyebrow{color:#82909f;font-size:11px;font-weight:800;letter-spacing:.18em}h1{font-size:38px;line-height:1.2;margin:14px 0 12px;letter-spacing:-.04em}.lead{color:#637181;line-height:1.7;margin:0 0 44px}form{display:flex;flex-direction:column}label{font-size:14px;font-weight:750;margin-bottom:9px}input{height:54px;border-radius:14px;border:1px solid #d7dee5;padding:0 16px;font-size:17px;background:#fff;color:#101827;outline:none}input:focus{border-color:#7599d0;box-shadow:0 0 0 3px #c9d9f0}.message{color:#be3b3b;min-height:23px;margin:10px 0}button{height:55px;border:0;border-radius:14px;background:#d8ff7d;color:#101827;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.note{color:#8b96a2;line-height:1.6;font-size:12px;margin-top:44px}@media(min-width:431px){.login-shell{min-height:auto;background:white;padding:48px;border-radius:22px;box-shadow:0 12px 50px #25344a12}.brand{margin-bottom:62px}}