:root{font-family:Arial,Helvetica,sans-serif;color:#163d33;background:#f5f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:460px;background:#fff;border:1px solid #dce4d7;border-radius:20px;padding:40px;box-shadow:0 12px 42px #163d330a}h1{font-size:27px;margin:0 0 12px}p{font-size:14px;color:#667b70;line-height:1.6}form{margin-top:26px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input{width:100%;padding:13px 14px;font:inherit;border:1px solid #cddbc8;border-radius:8px;color:#163d33}input:focus{outline:3px solid #cde7d7;border-color:#278363}button{width:100%;margin-top:24px;border:0;border-radius:8px;background:#227d5d;color:#fff;font:inherit;font-weight:600;padding:14px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#auth-error{background:#fff2e8;color:#99502d;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5}[hidden]{display:none!important}@media(max-width:480px){.auth-card{padding:28px}body{padding:16px}}