*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f3f7f5;color:#153d2c;font-family:Arial,sans-serif;padding:24px}main{width:min(100%,460px);background:#fff;border:1px solid #cddfd7;border-top:4px solid #096b4b;border-radius:24px;padding:32px;box-shadow:0 12px 48px #123e2b12}img{display:block;object-fit:contain;margin:0 auto 20px}h1{font-size:28px;margin:0;text-align:center}p{line-height:1.5;color:#577163}#intro{text-align:center;margin-bottom:24px}form{display:grid;gap:16px}label{font-size:14px;font-weight:700;display:grid;gap:8px}input,button{font:inherit;min-height:48px;border-radius:12px;padding:12px;width:100%}input{border:1px solid #b9d1c4;background:#fbfdfc}input:focus{outline:3px solid #95d0b7;outline-offset:2px}button{border:0;background:#096b4b;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#error{color:#ac3427;margin:0;font-size:14px}.note{font-size:12px;text-align:center;margin-bottom:0}[hidden]{display:none!important}@media(max-width:480px){body{padding:12px}main{padding:24px}}