:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:linear-gradient(120deg,rgba(3,12,15,.88),rgba(3,12,15,.55)),url("/assets/hero-warehouse.webp") center/cover fixed;color:#f1f6f4}
.sign-in{min-height:100svh;display:flex;flex-direction:column;padding:clamp(24px,5vw,64px)}
.brand{align-self:flex-start;color:#f1f6f4;text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.04em}
.card{width:min(480px,100%);margin:auto;padding:clamp(28px,5vw,48px);border:1px solid rgba(180,233,205,.32);border-radius:20px;background:rgba(5,16,17,.9);box-shadow:0 30px 90px #0008}
.eyebrow{color:#99d7bd;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}
h1{font-size:clamp(30px,5vw,45px);line-height:1.07;letter-spacing:-.05em;margin:17px 0}
p{color:#c6d5cf;line-height:1.55}
button{width:100%;display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding:16px 18px;border:0;border-radius:8px;background:#a2e4c0;color:#092016;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
button:disabled{opacity:.7;cursor:wait}
#status{min-height:1.5em;font-size:14px;margin-bottom:0}
.back{align-self:flex-start;color:#d3e1da;text-decoration:none}
a:hover{text-decoration:underline}