:root{font-family:Segoe UI,Arial,sans-serif;color:#172c3c;background:#f4f6f8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:430px;background:white;padding:32px;border:1px solid #dce4e9;border-radius:16px}h1{font-size:28px;line-height:1.2}.brand{color:#126c61;font-weight:700;letter-spacing:2px;font-size:13px}p{line-height:1.5}label{display:block;font-weight:600;margin-bottom:8px}input,button{font:inherit;width:100%;min-height:48px;border-radius:8px}input{padding:12px;border:1px solid #78909c}button{margin-top:20px;background:#126c61;color:white;border:0;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #50a39d;outline-offset:3px}.hint{font-size:13px;color:#536673}#error{color:#923323}@media(max-width:420px){body{padding:16px}main{padding:24px}}