*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f3f3f1;color:#20201e;font:14px Arial,sans-serif}.login{width:400px;max-width:calc(100% - 40px);background:#fff;border:1px solid #deded9;border-radius:8px;overflow:hidden}.login-brand{height:100px;display:flex;align-items:center;justify-content:center;background:#292928}.login-brand img{width:190px;height:auto}.login-content{padding:30px}.login-heading>span{font-size:10px;color:#8a8a82}.login-heading h1{font-size:20px;font-weight:600;line-height:1.4;margin:10px 0 26px}label{display:block;margin-bottom:8px;font-size:12px;color:#686863}input{width:100%;padding:12px;font:inherit;border:1px solid #deded9;border-radius:5px;outline:none}input:focus{border-color:#f45d1b;box-shadow:0 0 0 2px #fff0e8}button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:43px;margin-top:18px;border:0;border-radius:5px;background:#292928;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.7;cursor:wait}button:focus-visible{outline:2px solid #f45d1b;outline-offset:3px}#loginError{font-size:12px;line-height:1.5;color:#a53737;margin:10px 0 0}.login-status{min-height:17px;font-size:11px;color:#8a8a82;margin:12px 0 0;text-align:center}.spinner{width:14px;height:14px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}