:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:#18202a;color:#f0f3f8}
body{margin:0}main{max-width:720px;margin:auto;padding:32px 20px}h1{font-size:2rem}
button{border:0;border-radius:8px;background:#77baff;color:#142536;padding:12px 18px;font:inherit;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}section article{padding:20px;margin:20px 0;border:1px solid #5c6878;border-radius:12px}
input{display:block;box-sizing:border-box;width:100%;padding:12px;margin:16px 0;font:inherit}
img{max-width:100%;background:white;border-radius:8px}p{line-height:1.6}#logout{margin:0 0 20px;background:#cad5e5}
[hidden]{display:none!important}