:root{--bg:#f7f4ea;--ink:#102a35;--green:#087f5b;--gold:#b98522}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,Noto Sans Arabic,sans-serif}main{max-width:50rem;margin:auto;padding:2rem}label,input,button{font:inherit}input{width:100%;margin:.4rem 0 1rem;padding:.8rem}button{background:var(--green);color:#fff;border:0;border-radius:.6rem;padding:.8rem 1.2rem}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{top:1rem;left:1rem}