body{margin:0;background:#18212c;color:#f4f6f8;font:17px/1.6 system-ui,sans-serif}main{box-sizing:border-box;max-width:540px;margin:8vh auto;padding:32px;background:#243140;border-radius:12px}h1{font-size:1.8rem;line-height:1.25}a{color:#a9d9ff}.brand{font-size:1.4rem;font-weight:bold}label{display:block;margin-top:18px}input,button{box-sizing:border-box;width:100%;padding:12px;border-radius:5px;font:inherit}input{border:1px solid #acb9c7;background:#fff;color:#17202a}button{margin:24px 0 10px;border:0;background:#a9d9ff;color:#17202a;cursor:pointer;font-weight:600}:focus-visible{outline:3px solid #ffd56a;outline-offset:3px}[role=alert]{padding:12px;border-left:4px solid #ffb09d;background:#3d3035}@media(max-width:560px){main{margin:16px;padding:24px}}