:root{--bone:#f4eedf;--emerald:#1f6b4f;--ink:#2b2b2b;--line:#d8cfb8}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bone);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.wrap{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex}.logo{width:96px;height:96px;margin-bottom:40px}.form{flex-direction:column;gap:12px;width:100%;display:flex}.form input{border:1px solid var(--line);width:100%;color:var(--ink);text-align:center;letter-spacing:.08em;background:#fffdf7;border-radius:10px;outline:none;padding:14px 16px;font-size:16px}.form input:focus{border-color:var(--emerald)}.form button{letter-spacing:.06em;text-transform:uppercase;background:var(--emerald);width:100%;color:var(--bone);cursor:pointer;border:none;border-radius:10px;padding:14px 16px;font-size:15px}.form button:disabled{opacity:.5;cursor:default}.err{color:#b04a3a;margin-top:14px;font-size:13px}