html,body{height:100%}.login-page{margin:0;background:#fff;color:#09090b}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,35.5vw) 1fr}.login-brand{position:relative;overflow:hidden;padding:38px 42px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:#111 url('/assets/hero-warehouse-v2.png') center/cover no-repeat}.login-brand:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.08) 43%,rgba(0,0,0,.58));pointer-events:none}.login-logo,.login-quote{position:relative;z-index:1}.login-logo{display:block;width:154px;height:52px;overflow:hidden}.login-logo img{width:154px;height:auto;filter:invert(1);transform:translateY(1px)}.login-quote{display:grid;gap:5px;margin:0 4px 28px}.login-quote blockquote{margin:0 0 30px;font:700 clamp(25px,2.2vw,37px)/1.04 Manrope;letter-spacing:-.045em}.login-quote strong{font:700 16px Manrope}.login-quote span{font-size:14px;color:rgba(255,255,255,.78)}.login-card{position:relative;display:grid;place-items:center;padding:42px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(11,108,255,.055),transparent 25%),radial-gradient(circle at 22% 82%,rgba(11,108,255,.035),transparent 27%),#fff}.login-card:before{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(rgba(11,108,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,108,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(135deg,transparent 4%,#000 42%,transparent 92%)}.login-card__inner{position:relative;z-index:1;width:min(100%,540px)}.login-card h1{margin:0;text-align:center;font:700 clamp(38px,3.6vw,56px)/1 Manrope;letter-spacing:-.065em}.muted{margin:18px 0 54px;text-align:center;color:#a0a0a3;font:400 clamp(19px,1.7vw,27px)/1.08 'DM Sans'}.form-stack{display:grid;gap:20px}.form-stack label{position:relative;display:block;height:64px;border:1px solid #d9dadd;border-radius:10px;background:rgba(255,255,255,.82)}.form-stack label>span{position:absolute;top:8px;left:16px;color:#9a9a9e;font-size:14px}.form-stack input{width:100%;height:100%;border:0;border-radius:10px;padding:25px 52px 6px 16px;background:transparent;font:500 17px 'DM Sans';outline:0}.form-stack label:focus-within{border-color:#0b6cff;box-shadow:0 0 0 3px rgba(11,108,255,.1)}.password-field button{position:absolute;right:12px;top:13px;width:38px;height:38px;border:0;background:transparent;cursor:pointer}.password-field svg{width:26px;height:26px;fill:none;stroke:#111;stroke-width:1.7}.login-contact{margin-top:-5px;color:#0667ed;font-size:14px;text-decoration:none}.primary-button{height:66px;margin-top:15px;border:0;border-radius:999px;background:#0b6cff;color:#fff;font:700 20px Manrope;cursor:pointer;box-shadow:0 10px 28px rgba(11,108,255,.13)}.primary-button:hover{background:#005fe7}.primary-button:disabled{opacity:.65}.form-error{min-height:13px;margin:-5px 0;color:#df3d4c;font-size:11px}.demo-access{display:block;margin:18px auto 0;border:0;background:transparent;color:#999;font-size:11px;cursor:pointer}.demo-access:hover{color:#0b6cff}@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:245px;padding:26px}.login-logo{width:128px}.login-logo img{width:128px}.login-quote{margin-bottom:0}.login-quote blockquote{margin:0;font-size:27px}.login-quote strong,.login-quote span{display:none}.login-card{padding:46px 22px;min-height:calc(100vh - 245px)}.login-card h1{font-size:38px}.muted{margin-bottom:34px;font-size:18px}}