html{color-scheme:dark;font-family:system-ui,sans-serif;background:#100c19;color:#eee7fb}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(360px,calc(100vw - 64px));border:1px solid #3d3152;border-radius:18px;background:#171122;padding:32px}h1{font-size:25px}p{color:#b6a9c9}label{display:grid;gap:8px;margin:22px 0}input,button{font:inherit;padding:12px;border-radius:8px;border:1px solid #534267}input{background:#100c19;color:white}button{width:100%;background:#b89aea;color:#160c26;cursor:pointer}#feedback{color:#ffb0c0}