:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101317;color:#f5f6f8}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:20px}main{width:min(100%,390px);background:#181e24;border:1px solid #343c45;border-radius:18px;padding:28px}small{color:#d7fb71;font-weight:800;font-size:.65rem;letter-spacing:.12em}h1{margin:8px 0}p{color:#b4bdc7;line-height:1.5}label{display:block;font-weight:650}input[type=password]{display:block;width:100%;margin:9px 0 16px;padding:13px;background:#101317;color:white;border:1px solid #46505b;border-radius:9px;font:inherit}button{width:100%;padding:14px;background:#d7fb71;color:#172008;border:0;border-radius:9px;font:inherit;font-weight:800;cursor:pointer}[role=alert]{color:#ffb2bd;font-size:.9rem}:focus-visible{outline:3px solid #71bfff;outline-offset:3px}