:root{font-family:Arial,Helvetica,sans-serif;color:#161719;background:#f3f4f5}*{box-sizing:border-box}body{margin:0}header{padding:22px 24px;background:white;border-bottom:1px solid #dedfe2}header strong{font-size:18px}header span{display:block;color:#62646a;margin-top:5px}main{max-width:500px;margin:32px auto;padding:26px;background:white;border:1px solid #dedfe2;border-radius:10px}h1{font-size:27px;margin-top:0}p{line-height:1.5;color:#54565b}nav{display:flex;gap:10px;margin:22px 0}button,input{font:inherit;min-height:44px;border-radius:5px}button{cursor:pointer;padding:10px 16px;background:#b8222d;color:white;border:0}nav button{background:#f3f4f5;color:#161719;flex:1}nav button[aria-pressed=true]{background:#b8222d;color:white}label{display:block;font-weight:bold;margin-top:18px}input{width:100%;padding:10px;border:1px solid #bfc1c7;margin-top:7px}form>button{width:100%;margin-top:22px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1261bd;outline-offset:3px}.link{background:transparent;color:#9d1c25;padding:12px 0;text-decoration:underline}.hint{font-size:14px}#message{min-height:24px;white-space:pre-line}footer{margin-top:24px;font-size:13px;color:#62646a}[hidden]{display:none!important}@media(max-width:560px){main{margin:18px 12px;padding:22px}header{padding:18px 24px}}