.demo-login{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:#f6f6f6;color:#242529}.demo-login-panel{width:min(100%,420px);background:#fff;border:1px solid #e3e3e6;border-top:4px solid #bd236b;border-radius:8px;padding:36px}.demo-login-brand{display:flex;align-items:center;gap:12px;color:#bd236b;font-size:23px;font-weight:700;margin-bottom:32px}.demo-login h1{font-size:26px;line-height:1.2;font-weight:600;margin:0 0 12px;letter-spacing:-.5px}.demo-login p{font-size:14px;line-height:1.5;margin:0 0 24px;color:#62636b}.demo-login form{display:grid;gap:10px}.demo-login label{font-size:14px;font-weight:500}.demo-login input{width:100%;border:1px solid #aeb0b7;border-radius:5px;padding:11px 12px;background:#fff;color:#242529;margin-bottom:12px}.demo-login button{padding:12px;background:#a71c5b;color:white;border:0;border-radius:5px;font-weight:600;cursor:pointer}.demo-login button:hover{background:#891549}.demo-login :focus-visible,.demo-logout button:focus-visible{outline:3px solid #bd236b;outline-offset:3px}.demo-login small{display:block;margin-top:24px;font-size:12px;line-height:1.5;color:#62636b}.demo-login .demo-login-error{color:#a22038;margin-bottom:8px}.demo-logout{padding:10px 16px}.demo-logout button{font:inherit;font-size:12px;color:inherit;background:transparent;border:1px solid #d0d0d5;border-radius:5px;padding:7px 12px;cursor:pointer}@media (max-width:480px){.demo-login-panel{padding:28px 24px}}