:root { color-scheme: dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: #10151c; color: #eef3f8; }
.panel { width: min(100%, 420px); padding: 2rem; border: 1px solid #344253; border-radius: 16px; background: #18212c; box-shadow: 0 18px 55px #0005; }
h1 { margin-top: 0; }
label { display: block; margin: 1rem 0 .4rem; }
input { width: 100%; padding: .8rem; border-radius: 8px; border: 1px solid #526477; background: #0f1720; color: inherit; }
button { width: 100%; margin-top: 1.2rem; padding: .85rem; border: 0; border-radius: 8px; background: #0068a0; color: white; font-weight: 700; cursor: pointer; }
.message { padding: .8rem; border-radius: 8px; background: #34262a; }