*{box-sizing:border-box}body{margin:0;background:#0c1514;color:#e8f4ef;font:16px system-ui;min-height:100vh;display:grid;place-items:center}main{width:min(440px,92vw);padding:36px;border:1px solid #334a41;border-radius:22px;background:#14231e}.brand{font-size:12px;letter-spacing:2px;color:#70d9ae}h1{font-size:38px;margin-bottom:8px}p{color:#afc2b7}label{display:block;margin:22px 0 12px}input{display:block;width:100%;margin-top:9px;padding:14px;background:#0d1914;color:white;border:1px solid #537766;border-radius:9px;font:inherit}button{width:100%;margin-top:16px;padding:14px;border:0;border-radius:9px;background:#70d9ae;color:#10251c;font:600 16px system-ui;cursor:pointer}:focus-visible{outline:3px solid #a3f5d0;outline-offset:3px}#message{min-height:24px;color:#f1b5a5}