*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f4ee;color:#203e34;font-family:Arial,sans-serif}.card{width:100%;max-width:470px;padding:46px;background:#fff;border:1px solid #dce2d6;border-radius:18px;box-shadow:0 20px 60px #2444360c}.brand{font-size:28px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:16px;margin-bottom:56px}.brand span{font-size:10px;letter-spacing:2px;max-width:90px;line-height:1.6;font-weight:500}.eyebrow{font-size:11px;letter-spacing:2px;color:#72816b}h1{font-size:42px;line-height:1.08;letter-spacing:-1.8px;margin:14px 0 20px}p{font-size:15px;color:#67746a;line-height:1.7;margin-bottom:30px}label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}input{display:block;width:100%;border:1px solid #bfcaba;border-radius:8px;padding:16px;font-size:24px;letter-spacing:8px;color:#203e34;outline-offset:3px}button{width:100%;display:flex;justify-content:space-between;padding:17px 20px;background:#254e3f;color:white;border:0;border-radius:8px;font:600 14px Arial;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#error{color:#a33131;font-size:13px;line-height:1.5;min-height:32px;padding:8px 0}.foot{border-top:1px solid #edf0e8;margin-top:32px;padding-top:22px;color:#7a857c;font-size:11px;line-height:1.6}@media(max-width:480px){.card{padding:28px}.brand{margin-bottom:36px}h1{font-size:36px}}