body{margin:0;background:#080d13;color:#e9eff5;font:17px system-ui;min-height:100vh;display:grid;place-items:center}main{width:min(410px,85vw)}main>p{letter-spacing:.3em;color:#9ebbd0}h1{font-size:28px}label{display:grid;gap:12px}input,button{box-sizing:border-box;width:100%;border:1px solid #526474;border-radius:12px;padding:15px;font:inherit;background:#14202b;color:inherit}button{margin-top:20px;cursor:pointer;background:#28455b}a{color:#a9c7dc;font-size:14px}#result{min-height:25px}
select{width:100%;padding:12px;margin-bottom:18px;border:1px solid #526474;border-radius:12px;background:#14202b;color:#e9eff5;font:inherit}