*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#233f37;font:16px/1.6 system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(100%,480px);background:#fffefa;border:1px solid #dedbd0;border-radius:16px;padding:40px;box-shadow:0 20px 65px #23453b0a}.eyebrow{font-size:10px;letter-spacing:2px;color:#8b704a;font-weight:650}h1{font:36px/1.15 Georgia,serif;margin:16px 0}p{color:#69736b;font-size:14px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input{display:block;width:100%;margin-top:7px;border:1px solid #cdd2c7;border-radius:6px;padding:12px;font:16px system-ui;background:white;color:#283d35}input:focus{outline:2px solid #a58aba;outline-offset:2px}small{display:block;font-size:11px;font-weight:400;color:#757c74;margin-top:6px}button{width:100%;padding:13px;background:#244e42;color:white;font:600 14px system-ui;border:0;border-radius:7px;margin-top:10px;cursor:pointer}.error{background:#fff0ec;color:#94442e;padding:12px;border-radius:6px;font-size:13px}.fine{font-size:11px;line-height:1.6;margin-top:24px}@media(max-width:540px){.auth-card{padding:26px}body{padding:16px}}