:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #0d0f13; color: #e8eaee; font: 14px/1.45 system-ui, sans-serif; padding: 16px; }
form { width: min(340px, 100%); background: #14171d; border: 1px solid #262b35; border-radius: 12px; padding: 22px; display: grid; gap: 12px; }
.brand { font-weight: 750; display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.logo { width: 12px; height: 20px; border-radius: 3px; background: #ffd400; }
label { display: grid; gap: 4px; color: #8b93a3; font-size: 12px; }
input { background: #0d0f13; color: #e8eaee; border: 1px solid #323845; border-radius: 6px; padding: 8px 10px; font: inherit; }
input:focus { outline: 2px solid #ffd40088; outline-offset: -1px; }
button { background: #ffd400; color: #141414; border: 0; border-radius: 6px; padding: 9px; font: inherit; font-weight: 650; cursor: pointer; }
.err { color: #ff8a8a; margin: 0; }