.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login__art{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 20% 10%,oklch(94% .03 60),transparent 60%),linear-gradient(150deg,oklch(45% .05 40),oklch(28% .04 30));display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:oklch(96% .01 80)}.login__art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,oklch(100% 0 0/.03) 0 2px,transparent 2px 14px)}.login__art .top{position:relative;z-index:1}.login__art .wordmark{color:oklch(98% .01 80);font-size:24px}.login__art .wordmark small{color:oklch(86% .02 70)}.login__art .quote{position:relative;z-index:1;max-width:420px}.login__art .quote p{font-family:var(--font-display);font-size:30px;font-weight:500;line-height:1.3;letter-spacing:.3px}.login__art .quote cite{display:block;margin-top:16px;font-style:normal;font-size:13px;letter-spacing:.04em;color:oklch(84% .02 70)}.login__form{display:grid;place-items:center;padding:40px}.login__card{width:min(380px,100%)}.login__card h2{font-family:var(--font-display);font-size:30px;font-weight:500}.login__card .lead{color:var(--muted);margin:6px 0 28px}.errbox{display:none;background:var(--danger-soft);color:var(--danger);padding:10px 13px;border-radius:8px;font-size:13px;font-weight:600;margin-bottom:16px;align-items:center;gap:8px}.errbox.show{display:flex}.login__foot{margin-top:18px;text-align:center;font-size:12.5px;color:var(--faint)}.login__foot a{color:var(--accent-ink);font-weight:600}.login__link{border:0;background:none;padding:0;font:inherit;font-size:12.5px;color:var(--accent-ink);font-weight:600;cursor:pointer}.login__link:hover{text-decoration:underline}.login__notice{background:var(--info-soft);color:var(--info);padding:10px 13px;border-radius:8px;font-size:12.5px;font-weight:600;margin-bottom:16px}.login__demo{margin-top:22px;text-align:center;font-size:11.5px;line-height:1.7;color:var(--faint);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px}.spin{width:16px;height:16px;border:2px solid oklch(100% 0 0/.4);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;display:none}@keyframes sp{to{transform:rotate(1turn)}}.btn.loading .spin{display:block}.btn.loading .lbl{display:none}@media (max-width:860px){.login{grid-template-columns:1fr}.login__art{display:none}}