.demo-credentials{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;margin:0 auto 28px;padding:clamp(24px,4vw,40px);border:1px solid rgba(176,198,172,.2);border-radius:24px;background:linear-gradient(135deg,#101811,#0b100c)}.demo-credentials>div:first-child>span{color:#9caf99;font-size:.68rem;font-weight:800;letter-spacing:.12em}.demo-credentials h2{margin:9px 0 7px;color:#edf2eb!important}.demo-credentials p{margin:0;color:#aab5aa;line-height:1.75}.demo-credentials p code{padding:2px 6px;border-radius:5px;background:#172019;color:#c5d4c2}.demo-admin-login{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#b7c9b4;font-weight:700}.demo-admin-login:hover{color:#edf2eb}.demo-credential-list{display:grid;gap:10px}.demo-credential-list>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 14px;border:1px solid rgba(176,198,172,.16);border-radius:12px;background:#070b08}.demo-credential-list small{grid-column:1;color:#718073}.demo-credential-list code{color:#dce5da;font-size:.9rem;overflow-wrap:anywhere}.demo-credential-list button{grid-column:2;grid-row:1/3;width:38px;border:0;border-radius:9px;background:#172019;color:#a9bca6}@media(max-width:767.98px){.demo-credentials{grid-template-columns:1fr}}