* { box-sizing: border-box; }
body.login { margin: 0; min-height: 100vh; display: grid; place-items: center; font: 14px/1.5 Inter, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, #e0e7ff 0%, transparent 60%), radial-gradient(900px 500px at 110% 110%, #ede9fe 0%, transparent 55%), #f8fafc; color: #0f172a; }
body.login form { background: #fff; padding: 36px 32px 30px; border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 10px 40px -12px rgba(79,70,229,.18); width: min(360px, 90vw); display: grid; gap: 14px; }
body.login .logo { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
body.login .logo img { width: 36px; height: 36px; }
body.login h1 { margin: 0; font-size: 18px; font-weight: 600; }
body.login .sub { margin: 0; color: #64748b; font-size: 12.5px; }
body.login input { font: inherit; height: 42px; padding: 0 14px; border-radius: 10px; border: 1px solid #e2e8f0; outline: none; transition: border-color .15s, box-shadow .15s; }
body.login input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px #e0e7ff; }
body.login button { font: inherit; font-weight: 500; height: 42px; border-radius: 10px; border: 0; background: #4f46e5; color: #fff; cursor: pointer; transition: background .15s; }
body.login button:hover { background: #4338ca; }
body.login .err { color: #e11d48; margin: 0; font-size: 13px; }