:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#102c31;background:#eef4f1}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 90% 0%,#dcece5 0,transparent 34%),#eef4f1}
.login-shell{width:min(100%,440px);background:#fff;border:1px solid #dae5e5;border-radius:18px;padding:36px;box-shadow:0 18px 50px rgba(22,69,71,.11)}
.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#102c31;color:#fff;font-weight:800}
.eyebrow{color:#0d7467;font-size:.7rem;letter-spacing:.15em;font-weight:800;margin:23px 0 5px}h1{font-size:1.7rem;line-height:1.25;letter-spacing:-.04em;margin:0 0 8px}.intro,.foot{color:#557076;font-size:.86rem;line-height:1.55}.intro{margin:0 0 24px}.foot{margin:24px 0 0}form{display:flex;flex-direction:column;gap:8px}label{font-size:.84rem;font-weight:700;margin-top:9px}input{font:inherit;border:1px solid #cbdad7;border-radius:9px;padding:11px 12px;outline:none}input:focus{border-color:#0d7467;box-shadow:0 0 0 3px #daefe6}button{font:inherit;margin-top:15px;padding:11px;border:0;border-radius:9px;background:#0d7467;color:#fff;font-weight:700;cursor:pointer}button:hover,button:focus-visible{background:#075a51}.login-error{border:1px solid #efc6c7;border-radius:9px;background:#fff0ef;color:#8d2930;padding:11px 12px;font-size:.85rem}
@media(max-width:520px){.login-shell{padding:26px 22px}}