body{margin:0;background:#082c67;color:#fff;font:17px system-ui,sans-serif}main{max-width:760px;margin:24px auto;padding:20px}.card{background:#fff;color:#172f4f;border-radius:20px;padding:24px}label{display:block;margin:15px 0;font-weight:650}input{width:100%;box-sizing:border-box;padding:12px;font:inherit;border:2px solid #9cb1ce;border-radius:9px}button{background:#ffd443;color:#172f4f;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:bold;cursor:pointer}a{color:#ffe066}output{display:block;font-weight:bold;font-size:1.25rem;margin:20px 0}small{display:block;margin:12px 0}#source{padding:12px;background:#eaf2ff;border-radius:10px}input:focus-visible,button:focus-visible{outline:3px solid #2d77c4;outline-offset:2px}