:root{--cream:#F3EAE0;--card:#fff;--brown:#33291F;--dark:#1A1614;--gold:#C6A23D;--gold-light:#E7C489;--muted:#7D736A;--border:#E9DDCD;--green:#2F7D57;--red:#B53A3A}
*{box-sizing:border-box}html{font-family:"Be Vietnam Pro",system-ui,sans-serif;background:var(--cream);color:var(--brown)}body{margin:0;min-width:320px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--cream)}.login-card{width:min(460px,100%);background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 18px 50px rgba(51,41,31,.18)}.brand-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font:700 28px "Playfair Display",serif;color:var(--dark);margin-bottom:24px}.eyebrow{color:#B98A4B;font-size:12px;font-weight:700;letter-spacing:.1em;margin:0 0 8px}.login-card h1{font:700 34px "Playfair Display",serif;margin:0}.intro{color:var(--muted);line-height:1.65;margin:12px 0 26px}form{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:700;font-size:13px}input{width:100%;border:1px solid var(--border);border-radius:12px;padding:13px 14px;font:inherit;outline:none}input:focus{border-color:#B98A4B;box-shadow:0 0 0 3px rgba(198,162,61,.16)}button{min-height:46px;border:0;border-radius:12px;background:var(--gold);color:var(--dark);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}button:hover{background:var(--gold-light)}button:disabled{opacity:.6;cursor:wait}#message{min-height:22px;margin:0;color:var(--red);font-size:13px}.safety{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px;font-weight:700;margin-top:20px}.safety span{width:8px;height:8px;border-radius:50%;background:var(--green)}
@media(max-width:640px){.login-shell{background:var(--cream);padding:16px}.login-card{padding:28px 22px}.login-card h1{font-size:28px}}