.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fbfaf7}.login-card input:focus{outline:2px solid #9dbbab;border-color:transparent}
.demo-role-list{display:grid;gap:10px;margin:24px 0 18px}.demo-role-button{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7;color:var(--ink);text-align:left;cursor:pointer;transition:.18s ease}.demo-role-button:hover,.demo-role-button:focus-visible{background:#f1f5ef;border-color:#8ca797;transform:translateY(-1px);outline:none;box-shadow:0 7px 18px rgba(48,71,59,.1)}.demo-role-button strong,.demo-role-button small{display:block}.demo-role-button small{margin-top:3px;color:var(--muted);line-height:1.35}.demo-role-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dce9e1;color:#355b49;font-size:20px}.demo-note{display:block;text-align:center;line-height:1.5}@media(max-width:520px){.login-card{margin:14px}.demo-role-button{padding:12px}.demo-role-button small{font-size:11px}}