html{width:100%;min-height:100%;height:auto;overflow:auto}
body{min-height:100vh;height:auto;display:grid;place-items:center;margin:0;padding:32px 18px;background-color:#6b5035;background-image:radial-gradient(circle at 18% 12%,rgba(205,173,127,.34),transparent 38%),radial-gradient(circle at 84% 78%,rgba(68,43,27,.28),transparent 42%),linear-gradient(135deg,#4b3526 0%,#705438 44%,#7e6541 73%,#a2855c 100%);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.login{position:relative;top:auto;left:auto;margin:0;width:min(100%,420px);height:auto;background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:24px;padding:36px;box-shadow:0 28px 70px rgba(50,31,18,.29)}
.login>div:first-child{margin-bottom:26px!important}
.login img{width:min(100%,225px)!important;filter:none!important;max-height:95px;object-fit:contain}
.login form{display:grid;gap:14px}
.login .input{width:100%;margin:0;background:#faf7f2;color:#382d20;text-shadow:none;box-shadow:none;border:1px solid #e4d9c9;border-radius:11px;font-size:1rem;padding:13px 15px;min-height:48px}
.login .input::placeholder{color:#88745e}
.login .input:focus{border-color:#7e6541;box-shadow:0 0 0 3px rgba(126,101,65,.17);outline:none}
.login .btn{min-height:48px;border:0;border-radius:11px;background:#7e6541;color:#fff;font-size:1rem;font-weight:700;text-shadow:none;box-shadow:none;padding:12px}
.login .btn:hover,.login .btn:focus{background:#5c462d;color:#fff;box-shadow:0 8px 22px rgba(126,101,65,.23)}
.login a.text-light{color:#7e6541!important;font-weight:700;text-decoration:none}
.login a.text-light:hover{text-decoration:underline}
.modal-content{border:0;border-radius:18px;box-shadow:0 22px 60px rgba(50,31,18,.23)}
@media(max-width:480px){.login{padding:28px 22px;border-radius:18px}}