:root{font:17px/1.6 system-ui,sans-serif;color:#142541;background:#f0f5fc;color-scheme:light}*{box-sizing:border-box}main{max-width:650px;margin:8vh auto;padding:32px;background:white;border:1px solid #dce5f3;border-radius:22px}h1{line-height:1.2}a{color:#155ac6}label{display:block;margin:20px 0 10px}input{display:block;width:100%;padding:12px;border:1px solid #8093b1;border-radius:9px;font:inherit}button{background:#155ac6;color:white;border:0;border-radius:10px;font:inherit;padding:12px 20px;cursor:pointer}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ffba49;outline-offset:3px}@media(max-width:700px){main{margin:20px 12px;padding:24px}}