.demo-login{color:#eef5fa;background:radial-gradient(at top,#163744 0%,#0b1423 60%);place-items:center;min-height:100dvh;padding:24px;display:grid}.demo-login-card{background:#101e2ded;border:1px solid #314458;border-radius:20px;width:min(100%,460px);padding:36px;box-shadow:0 24px 70px #0005}.demo-login-brand{letter-spacing:.12em;color:#74d6c3;font-size:21px;font-weight:800;display:block}.demo-login-badge{color:#a9becf;margin:12px 0 28px;font-size:12px;display:block}.demo-login h1{margin-bottom:16px;font-size:27px;line-height:1.25}.demo-login p{color:#b8cbd9;font-size:14px;line-height:1.7}.demo-login form{gap:18px;margin:24px 0;display:grid}.demo-login label{gap:8px;font-size:14px;display:grid}.demo-login input{color:#fff;width:100%;font:inherit;background:#0b1623;border:1px solid #476078;border-radius:8px;padding:12px}.demo-login input:focus-visible{outline-offset:2px;outline:2px solid #74d6c3}.demo-login button{color:#10272b;cursor:pointer;background:#74d6c3;border:0;border-radius:8px;padding:13px;font-weight:700}.demo-login button:disabled{opacity:.5;cursor:default}.demo-login small{color:#9bb0c1;line-height:1.6;display:block}.demo-login [role=alert]{color:#ffd0c5;background:#6e30294d;border-radius:8px;padding:12px}@media (max-width:480px){.demo-login{padding:16px}.demo-login-card{padding:25px}.demo-login h1{font-size:24px}}