:root{color:#fff;background-color:#000;font-family:system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{min-width:280px;margin:0}main{max-width:640px;margin:12vh auto;padding:32px}h1{font-size:3rem;line-height:1.1}button{color:#fff;font:inherit;cursor:pointer;background:#096675;border:0;border-radius:8px;padding:12px 20px}button:hover{background:#074d59}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #72dce8}a{color:#72dce8}label{margin-bottom:8px;display:block}input{color:#fff;width:100%;font:inherit;background:#151515;border:1px solid #8c8c8c;border-radius:8px;padding:10px 12px}