:root{--green:#217346;--dark:#185c37;--soft:#e8f3ed;--ink:#252423}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8faf9,#dcece4);font-family:"Segoe UI",sans-serif;color:var(--ink);display:grid;place-items:center;padding:25px}.card{width:min(460px,100%);background:#fff;border-top:5px solid var(--green);padding:34px;box-shadow:0 16px 48px rgba(0,0,0,.18)}.mark{width:42px;height:42px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px}h1{font-size:26px;font-weight:400;margin:18px 0 7px}p{color:#666;font-size:14px;line-height:1.5}.field{display:block;margin:17px 0}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input{width:100%;height:43px;border:1px solid #aaa;padding:0 12px;font:inherit}.field input:focus{outline:2px solid var(--green);outline-offset:-1px}button{width:100%;height:44px;border:0;background:var(--green);color:#fff;font:600 14px inherit;cursor:pointer}button:hover{background:var(--dark)}.message{padding:11px;margin:15px 0;font-size:13px;background:#fde7e9;color:#a4262c}.message.ok{background:var(--soft);color:var(--dark)}.foot{text-align:center;margin:20px 0 0}a{color:var(--dark);font-weight:600;text-decoration:none}.hint{font-size:12px;color:#777}