*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#103c3e;font:15px system-ui;color:#173e3e;padding:24px}main{width:min(100%,430px);padding:42px;background:#fff;border-radius:20px;box-shadow:0 25px 80px #001b1f55}.logo{font:700 14px system-ui;letter-spacing:2px;color:#418576;direction:ltr;display:block}h1{font-size:29px;line-height:1.7;margin-bottom:8px}p,small{color:#7a8e8c;line-height:1.8}label{display:block;margin:22px 0 8px}input,button{width:100%;padding:13px;border:1px solid #cadbd7;border-radius:8px;font:inherit}input{direction:ltr}button{margin-top:26px;background:#16645e;color:white;cursor:pointer}#message{margin:15px 0;color:#a43b32;font-size:13px}small{display:block;margin-top:28px}input:focus{outline:3px solid #b4dfd0}