.login-body{min-height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 15% -10%,var(--accent-soft),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--b-blue),transparent 60%),var(--paper)}.login-shell{width:100%;padding:24px;display:grid;place-items:center}.login-card{width:min(380px,100%);padding:36px 32px 30px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--raised);box-shadow:var(--shadow-pop)}.login-mark{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:700 24px/1 Georgia,serif;margin-bottom:18px}.login-card h1{margin:0;font-size:24px;letter-spacing:-.02em}.login-sub{margin:4px 0 24px;color:var(--muted)}.field{display:grid;gap:6px;margin-bottom:14px;font-size:13px;font-weight:500;color:var(--ink-2)}.field input{height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--paper);font-size:15px;outline:none}.field input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.login-error{min-height:20px;margin:0 0 10px;color:var(--danger);font-size:13px}.login-hint{margin:0 0 14px;color:var(--muted);font-size:14px}