*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:#f5f7f7;color:#173936;font-family:Arial,sans-serif}main{width:min(100%,420px);padding:40px 32px;background:#fff;border:1px solid #dce7e4;border-radius:24px;box-shadow:0 18px 60px #1739360c;text-align:center}img{object-fit:contain;border-radius:16px}.brand{font-size:25px;font-weight:700;letter-spacing:-.8px;margin:16px 0 30px}h1{font-size:27px;margin:0 0 12px}.intro{color:#526966;margin:0 0 28px}form{text-align:right}label{display:block;font-size:15px;font-weight:700;margin-bottom:9px}input{width:100%;height:50px;border:1px solid #9cb5af;border-radius:10px;padding:10px 14px;background:white;font:18px Arial;color:#173936}input:focus{outline:3px solid #b0dfd3;border-color:#236856}button{width:100%;min-height:50px;background:#1d6655;color:white;border:0;border-radius:10px;font:700 17px Arial;cursor:pointer}button:hover{background:#155140}button:focus-visible{outline:3px solid #8dcbbb;outline-offset:3px}#error{min-height:20px;margin:10px 0 14px;font-size:14px;color:#a32626;line-height:1.45}.note{font-size:12px;color:#627672;margin:24px 0 0;line-height:1.7}@media(max-width:420px){body{padding:18px}main{padding:32px 24px}}