.login-overlay{position:fixed;inset:0;z-index:1000;background:linear-gradient(135deg,#fff7dc,#ffbe00);display:grid;place-items:center;padding:20px}.login-overlay.hidden{display:none}.login-card{width:min(420px,100%);background:#fff;padding:34px;border-radius:20px;box-shadow:0 24px 70px #5a210d33}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span{width:52px;height:52px;border-radius:15px;background:#ffbe00;color:#5a210d;display:grid;place-items:center;font-size:13px;font-weight:800}.login-brand div{display:flex;flex-direction:column}.login-brand strong{font-size:20px;color:#5a210d}.login-brand small{color:#8b776e}.login-card h1{font-size:25px;margin:30px 0 7px}.login-card>p{color:#7c716b;font-size:13px;margin:0 0 24px}.login-card label{display:block;font-size:13px;font-weight:700;margin-bottom:15px}.login-card input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #ded7cf;border-radius:10px;font-size:15px;outline:none}.login-card input:focus{border-color:#5a210d;box-shadow:0 0 0 3px #ffbe0033}.login-card button{width:100%;border:0;background:#5a210d;color:#fff;padding:13px;border-radius:10px;font-weight:700;font-size:15px}.login-error{min-height:22px;color:#b02e24;font-size:12px}.security-hint{display:block;color:#8b776e;line-height:1.5;margin-top:14px;text-align:center}