*{box-sizing:border-box}body{margin:0;background:#101c2c;color:#eef1f5;font:1rem/1.6 system-ui,sans-serif}header{padding:1.2rem 5%;border-bottom:1px solid #364356;display:flex;gap:2rem;align-items:center}header a{letter-spacing:.15em;color:#edc66c;text-decoration:none;font-weight:700}header span{color:#bac6d5}main{max-width:34rem;margin:3rem auto;padding:0 1.25rem}h1{font-size:1.8rem;line-height:1.2}a{color:#edc66c}label{display:block;margin-top:1rem}input{width:100%;padding:.8rem;border:1px solid #708399;border-radius:.25rem;background:#19283d;color:#fff;font:inherit}button{margin-top:1.5rem;padding:.75rem 1.2rem;background:#edc66c;color:#101c2c;border:0;border-radius:.25rem;font:inherit;font-weight:600;cursor:pointer}nav{display:grid;gap:1rem}input:focus,button:focus,a:focus{outline:3px solid #9cceff;outline-offset:3px}[role=alert]{border-left:3px solid #ff9292;padding-left:1rem;color:#ffc6c6}