html{font-family:system-ui,sans-serif;color:#182838;background:#f2f5f7}body{margin:0}main{max-width:560px;margin:36px auto;padding:24px;background:white;border-radius:16px;box-sizing:border-box}h1{font-size:26px}p{line-height:1.55}.banner{background:#fff2bf;padding:12px;border-radius:8px;font-weight:600}#status{min-height:48px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}button{min-height:44px;padding:10px 16px;font:inherit;background:#16466b;color:white;border:0;border-radius:8px;cursor:pointer}button:focus-visible{outline:3px solid #bc6412;outline-offset:3px}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;border-radius:0;min-height:100vh;padding:20px}#sign-in{overflow-x:auto}}