:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#101827;color:#eef2f8}body{min-height:100vh;margin:0;display:grid;place-items:center}main{width:min(30rem,calc(100% - 3rem));padding:2rem;background:#1d293b;border:1px solid #43536a;border-radius:1rem;box-shadow:0 1rem 3rem #0005}h1{margin-top:0}form{display:grid;gap:.7rem}label{margin-top:.6rem;font-weight:600}input{font:inherit;padding:.7rem;border:1px solid #8390a4;border-radius:.4rem;background:#f7f9fd;color:#162033}button{margin-top:1rem;padding:.8rem;background:#7dd3fc;color:#07151e;border:0;border-radius:.4rem;font:inherit;font-weight:700;cursor:pointer}.error{padding:.8rem;border:1px solid #f6a6a6;border-radius:.4rem;color:#ffd9d9}.hint{font-size:.9rem;color:#becddd;line-height:1.5}a{color:#7dd3fc}