*{box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;color:#19261e;background:#f5f7f2;font-synthesis:none}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px 18px;background:radial-gradient(ellipse at 50% 0,#eaf4dc,transparent 65%)}main{width:100%;max-width:400px}section{background:#fff;border:1px solid #dfe6d9;border-radius:20px;padding:36px;box-shadow:0 15px 60px #22321906}h1{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:0 0 29px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 9px}input{display:block;width:100%;height:48px;border:1px solid #cbd5c4;border-radius:8px;padding:12px 14px;font:16px Arial;background:#fafbf8;color:inherit}input:focus{outline:2px solid #658f40;outline-offset:2px;background:#fff}button{width:100%;height:49px;display:flex;justify-content:space-between;align-items:center;margin-top:28px;border:0;border-radius:8px;background:#1b291e;color:white;font:600 14px Arial;padding:0 18px;cursor:pointer}button:hover{background:#2c4130}button:focus-visible{outline:3px solid #658f40;outline-offset:4px}button span{color:#c1f368;font-size:23px}.error{border:1px solid #ebc9bf;color:#933d30;background:#fff2ec;border-radius:8px;font-size:13px;line-height:1.6;padding:12px;margin:0 0 18px}.error:empty{display:none}@media(max-width:480px){section{padding:28px 24px;border-radius:16px}h1{font-size:28px}}