:root{color-scheme:dark;font-family:system-ui;background:#0c141a;color:#e5eef2}body{display:grid;min-height:95vh;place-items:center;margin:0}main{width:min(360px,85vw);padding:32px;border:1px solid #30424c;border-radius:16px;background:#111e26}h1{color:#86ddc1}label{display:block;margin:18px 0}input,button{box-sizing:border-box;width:100%;padding:12px;margin-top:8px;border-radius:8px;border:1px solid #536672;background:#152731;color:inherit}button{cursor:pointer;background:#205c4c}button:disabled{opacity:.5}#message{color:#f7c697}p{line-height:1.5}