*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;background:#101823;color:#eef4fa;font:16px/1.55 system-ui,sans-serif}
main{width:min(100%,26rem);padding:2rem;background:#182434;border:1px solid #35465a;border-radius:1rem}
h1{margin:0 0 1.25rem;font-size:1.55rem;line-height:1.2}
p{color:#c6d4e4}
label{display:grid;gap:.35rem;margin-bottom:.9rem}
input,button{font:inherit;border-radius:.45rem;padding:.65rem .8rem;width:100%}
input{border:1px solid #576d86;background:#101823;color:#eef4fa}
button{border:0;background:#8edaff;color:#102131;font-weight:650;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
a{color:#a0dbff}
form{margin-bottom:1rem}
#message:empty{display:none}