body.login { color: #17213d; background: radial-gradient(ellipse at 10% 0, #e6f9f3, transparent 50%), #f7f9ff; font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "PingFang TC", "Microsoft JhengHei", sans-serif; }
.login h1 a { width: 82px; height: 82px; margin-bottom: 24px; background-image: url("arena-gate.svg"); background-size: 76px; }
.login form { border: 1px solid #e5eaf3; border-radius: 18px; padding: 28px; box-shadow: 0 18px 40px #17255408; }
.login form .input { border-color: #cdd7eb; border-radius: 8px; }
.login .button-primary { background: #3563ff; border-color: #3563ff; border-radius: 8px; padding: 3px 15px; }
.login .button-primary:hover { background: #244bdb; border-color: #244bdb; }
.login #backtoblog a, .login #nav a { color: #465476; }
.login .message, .login .notice, .login .success { border-left-color: #19c6a3; border-radius: 8px; }
.login a:focus-visible, .login button:focus-visible, .login input:focus-visible { outline: 3px solid #3563ff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }