body{font:15px/1.5 system-ui;background:#f5f7f9;color:#24333c;display:grid;place-items:center;min-height:100vh;margin:0}main{background:#fff;border:1px solid #e5ebee;border-radius:12px;padding:32px;width:min(360px,calc(100vw - 80px));margin:24px 0}h1{font-size:23px;line-height:1.35;margin-top:28px}p{color:#62757f;font-size:14px}label{display:block;margin:18px 0 8px;font-size:13px}input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #62757f;border-radius:7px;margin-top:8px;font-size:16px}button{width:100%;background:#087e76;color:white;border:0;border-radius:7px;padding:13px;margin-top:12px;font-size:14px;cursor:pointer;min-height:44px}.brand{font-weight:750;font-size:23px;color:#087e76}.brand small{font-size:12px;color:#62757f}button:hover{background:#076b65}::selection{background:#e8f5f2;color:#24333c}input{caret-color:#087e76}a{color:#087e76;text-underline-offset:3px}[role=alert]{color:#b04e48}input:focus,button:focus-visible{outline:2px solid #087e76;outline-offset:2px}