/* Employee sign-in: a card in the site's own page (Italy Lux colours) */
.slogin{--mut:#605a50;--sans:"Inter",-apple-system,sans-serif;background:var(--cream);padding:90px 0 110px;min-height:70vh}
.slcard{max-width:460px;margin:0 auto;background:#fff;border-radius:6px;padding:44px 44px 36px;border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(35,58,48,.35)}
.slkick{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#7d5f27}
.slcard h1{font-size:clamp(34px,3vw,44px);margin:0 0 22px}
.sltext{color:var(--mut)}
.slnote{background:rgba(47,75,63,.06);color:var(--green);border-radius:4px;padding:10px 14px;font-size:15px}
.slerr{background:#fbeceb;color:#9b2c22;border-radius:4px;padding:10px 14px;font-size:15px}
.slf{display:block;margin:0 0 16px}
.slf span{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}
.slf input{width:100%;height:48px;border:1px solid #899591;border-radius:4px;padding:0 14px;font:400 16px var(--sans);color:var(--ink);background:#fff}   /* border 3.1:1, so the field can be seen */
.slf input:focus{outline:3px solid rgba(47,75,63,.25);border-color:var(--green)}
.slcard .btn.wide{width:100%;margin-top:6px}
.slalt{margin:18px 0 0;font-size:15px;text-align:center}
@media (max-width:640px){.slogin{padding:40px 0 60px}.slcard{padding:32px 22px 26px}}
.slcard .btn.wide{display:flex;align-items:center;justify-content:center;gap:8px}
.slalt a{color:var(--green);text-decoration:underline;text-underline-offset:3px}