body{margin:0;background:#f3f5f8;color:#1c2937;font:17px/1.5 system-ui,sans-serif}main{max-width:420px;margin:7vh auto;padding:32px;background:white;border:1px solid #dae2e9;border-radius:18px}h1{font-size:28px;margin:10px 0}.brand{font-weight:700;color:#33534b}label{display:block;margin:18px 0}input,button{box-sizing:border-box;width:100%;padding:13px;font:inherit;border-radius:8px;border:1px solid #afb9c5}input{display:block;margin-top:6px}button{color:white;background:#244d42;cursor:pointer}button:disabled{opacity:.5}#error{color:#a22}.note{font-size:13px;color:#616c79;margin-top:26px}@media(max-width:500px){main{margin:20px 14px;padding:22px}}