body{font:16px/1.5 system-ui,sans-serif;max-width:36rem;margin:3rem auto;padding:0 1rem;color:#1d1d20;background:#fafafa}
h1{font-size:1.4rem}.error{color:#b3261e}.providers{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0}
button{font:inherit;padding:.65rem 1rem;border-radius:.5rem;border:1px solid #c9c9d1;background:#fff;color:inherit;cursor:pointer;text-align:left}
button:hover{border-color:#6b5cff}button.secondary{margin-top:1rem}
@media(prefers-color-scheme:dark){body{color:#e8e8ea;background:#17171a}button{background:#24242a;border-color:#3a3a44}.error{color:#f2b8b5}}