/* ZELINK · Inicio de sesión comercial interactivo v10.26.45 */

body.zelink-commercial-login-active{
  margin:0;
  background:#061226;
}

.zelink-commercial-login-shell{
  --zelink-pointer-x:50%;
  --zelink-pointer-y:45%;
  --zelink-tilt-x:0;
  --zelink-tilt-y:0;
  position:relative!important;
  min-height:100dvh!important;
  overflow:auto!important;
  isolation:isolate;
  background:
    radial-gradient(circle at var(--zelink-pointer-x) var(--zelink-pointer-y),rgba(48,112,255,.18),transparent 24rem),
    radial-gradient(circle at 12% 18%,rgba(44,92,255,.25),transparent 28rem),
    radial-gradient(circle at 62% 88%,rgba(19,213,184,.13),transparent 27rem),
    linear-gradient(135deg,#07162d 0%,#071326 53%,#030a17 100%)!important;
}

.zelink-commercial-login-shell::before,
.zelink-commercial-login-shell::after{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  filter:blur(1px);
  opacity:.75;
}

.zelink-commercial-login-shell::before{
  width:19rem;
  height:19rem;
  top:-7rem;
  right:18%;
  background:radial-gradient(circle,rgba(105,91,255,.18),transparent 68%);
  animation:zelink-orbit-one 12s ease-in-out infinite alternate;
}

.zelink-commercial-login-shell::after{
  width:16rem;
  height:16rem;
  bottom:-6rem;
  left:36%;
  background:radial-gradient(circle,rgba(26,218,188,.14),transparent 68%);
  animation:zelink-orbit-two 15s ease-in-out infinite alternate;
}

.zelink-commercial-login-shell>div:first-child{
  opacity:.85!important;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 94%);
}

.zelink-commercial-login-grid{
  width:min(100%,78rem)!important;
  max-width:78rem!important;
  grid-template-columns:minmax(0,1.08fr) minmax(23rem,.72fr)!important;
  gap:clamp(3rem,6vw,6rem)!important;
  padding:clamp(2rem,5vw,4.25rem) clamp(1.25rem,4vw,3rem)!important;
}

.zelink-commercial-promo{
  display:flex!important;
  align-items:center!important;
  min-width:0;
}

.zelink-commercial-promo-content{
  width:100%;
  max-width:41rem;
}

.zelink-commercial-badge{
  display:inline-flex;
  align-items:center;
  gap:.62rem;
  border:1px solid rgba(154,180,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  padding:.55rem .86rem;
  color:#dce7ff;
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.02em;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(16px);
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}

.zelink-commercial-badge:hover{
  transform:translateY(-2px);
  border-color:rgba(125,160,255,.42);
  background:rgba(255,255,255,.1);
}

.zelink-commercial-badge-dot{
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:#28e2c2;
  box-shadow:0 0 0 .28rem rgba(40,226,194,.11),0 0 1.2rem rgba(40,226,194,.52);
  animation:zelink-pulse 2.3s ease-in-out infinite;
}

.zelink-commercial-title{
  margin:1.25rem 0 0;
  max-width:36rem;
  color:#fff;
  font-size:clamp(2.55rem,3.75vw,3.75rem);
  font-weight:950;
  line-height:1.045;
  letter-spacing:-.052em;
  text-wrap:balance;
}

.zelink-commercial-title span{
  display:inline-block;
  color:#77a4ff;
  background:linear-gradient(90deg,#7aa5ff 0%,#8d80ff 48%,#4ce0ca 100%);
  background-size:180% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:zelink-gradient-flow 7s ease-in-out infinite alternate;
}

.zelink-commercial-lead{
  max-width:37rem;
  margin:1.25rem 0 0;
  color:#adbed8;
  font-size:clamp(.96rem,1.25vw,1.06rem);
  line-height:1.7;
  font-weight:520;
}

.zelink-commercial-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.35rem;
}

.zelink-commercial-highlights span{
  display:inline-flex;
  align-items:center;
  gap:.46rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  padding:.5rem .7rem;
  color:#c6d3e8;
  font-size:.68rem;
  font-weight:760;
  backdrop-filter:blur(10px);
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}

.zelink-commercial-highlights span:hover{
  transform:translateY(-3px);
  border-color:rgba(92,218,194,.24);
  background:rgba(255,255,255,.075);
}

.zelink-commercial-highlights i{
  display:grid;
  width:1.1rem;
  height:1.1rem;
  place-items:center;
  border-radius:50%;
  background:rgba(42,220,189,.14);
  color:#48dfc4;
  font-size:.65rem;
  font-style:normal;
  font-weight:950;
}

.zelink-commercial-experience{
  position:relative;
  width:min(100%,39rem);
  margin-top:1.65rem;
  padding:.75rem 1.15rem .95rem .15rem;
}

.zelink-commercial-preview{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:1.35rem;
  background:rgba(255,255,255,.975);
  box-shadow:0 30px 72px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.8) inset;
  color:#10213d;
  transform:
    perspective(1200px)
    rotateX(calc(var(--zelink-tilt-y) * -2deg))
    rotateY(calc(var(--zelink-tilt-x) * 3deg))
    translate3d(calc(var(--zelink-tilt-x) * 5px),calc(var(--zelink-tilt-y) * 4px),0);
  transform-origin:center left;
  transition:transform .18s ease-out,box-shadow .3s ease;
}

.zelink-commercial-preview:hover{
  box-shadow:0 36px 82px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.86) inset;
}

.zelink-commercial-preview::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.38) 48%,transparent 61%);
  transform:translateX(-120%);
  animation:zelink-dashboard-shine 8s ease-in-out infinite;
}

.zelink-commercial-preview-topbar{
  display:flex;
  align-items:center;
  gap:.72rem;
  border-bottom:1px solid #e7edf6;
  padding:.73rem .9rem;
  background:#fbfdff;
  color:#71819a;
  font-size:.63rem;
  font-weight:800;
}

.zelink-commercial-preview-topbar>b{
  margin-left:auto;
  border-radius:999px;
  background:#e9fbf5;
  padding:.31rem .58rem;
  color:#0a9a78;
  font-size:.56rem;
}

.zelink-commercial-preview-topbar>b::before{
  content:"";
  display:inline-block;
  width:.35rem;
  height:.35rem;
  margin-right:.28rem;
  border-radius:50%;
  background:#16c89c;
  box-shadow:0 0 0 .2rem rgba(22,200,156,.12);
}

.zelink-commercial-preview-dots{
  display:flex;
  gap:.25rem;
}

.zelink-commercial-preview-dots i{
  width:.38rem;
  height:.38rem;
  border-radius:50%;
  background:#c7d1df;
}

.zelink-commercial-preview-dots i:nth-child(1){background:#ff8f8f}
.zelink-commercial-preview-dots i:nth-child(2){background:#ffd26e}
.zelink-commercial-preview-dots i:nth-child(3){background:#6dddb6}

.zelink-commercial-preview-body{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(9rem,.55fr);
  gap:.72rem;
  padding:.82rem;
}

.zelink-commercial-preview-main,
.zelink-commercial-preview-side article{
  border:1px solid #e7edf5;
  border-radius:1rem;
  background:#fff;
  box-shadow:0 7px 20px rgba(30,57,96,.035);
}

.zelink-commercial-preview-main{
  position:relative;
  min-height:9.2rem;
  padding:.9rem 1rem .72rem;
  overflow:hidden;
}

.zelink-commercial-preview-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}

.zelink-commercial-preview-heading small,
.zelink-commercial-preview-heading strong{
  display:block;
}

.zelink-commercial-preview-heading small{
  color:#7d8ca3;
  font-size:.59rem;
  font-weight:820;
}

.zelink-commercial-preview-heading strong{
  margin-top:.18rem;
  color:#10213d;
  font-size:1.25rem;
  font-weight:950;
  letter-spacing:-.045em;
}

.zelink-commercial-preview-heading>span{
  border-radius:999px;
  background:#ebfaf6;
  padding:.32rem .5rem;
  color:#70819a;
  font-size:.52rem;
  font-weight:800;
}

.zelink-commercial-preview-heading>span b{color:#079779}

.zelink-commercial-chart{
  position:absolute;
  right:1rem;
  bottom:1.35rem;
  left:1rem;
  display:flex;
  height:3.6rem;
  align-items:end;
  gap:.3rem;
  border-bottom:1px solid #dfe7f2;
}

.zelink-commercial-chart i{
  flex:1;
  min-height:.35rem;
  border-radius:.32rem .32rem .08rem .08rem;
  background:linear-gradient(180deg,#6d91ff,#4c65dd);
  box-shadow:0 5px 10px rgba(75,101,221,.13);
  transform-origin:bottom;
  animation:zelink-bars 2.6s cubic-bezier(.2,.8,.2,1) both;
}

.zelink-commercial-chart i:nth-child(1){height:32%;animation-delay:.05s}
.zelink-commercial-chart i:nth-child(2){height:46%;animation-delay:.1s}
.zelink-commercial-chart i:nth-child(3){height:39%;animation-delay:.15s}
.zelink-commercial-chart i:nth-child(4){height:63%;animation-delay:.2s}
.zelink-commercial-chart i:nth-child(5){height:55%;animation-delay:.25s}
.zelink-commercial-chart i:nth-child(6){height:76%;animation-delay:.3s}
.zelink-commercial-chart i:nth-child(7){height:69%;animation-delay:.35s}
.zelink-commercial-chart i:nth-child(8){height:96%;animation-delay:.4s;background:linear-gradient(180deg,#4ee0c5,#20af9a)}

.zelink-commercial-chart-days{
  position:absolute;
  right:1rem;
  bottom:.5rem;
  left:1rem;
  display:grid;
  grid-template-columns:repeat(8,1fr);
  color:#a0adbf;
  font-size:.43rem;
  font-weight:750;
  text-align:center;
}

.zelink-commercial-chart-days span:last-child{color:#149c83}

.zelink-commercial-preview-side{
  display:grid;
  gap:.6rem;
}

.zelink-commercial-preview-side article{
  display:flex;
  align-items:center;
  gap:.58rem;
  padding:.65rem .7rem;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.zelink-commercial-preview-side article:hover{
  transform:translateX(-3px);
  border-color:#cfdbef;
  box-shadow:0 10px 22px rgba(30,57,96,.07);
}

.zelink-commercial-mini-icon{
  display:grid;
  flex:0 0 auto;
  width:1.65rem;
  height:1.65rem;
  place-items:center;
  border-radius:.55rem;
  background:#edf2ff;
  color:#4e6bdd;
  font-size:.66rem;
  font-weight:950;
}

.zelink-commercial-preview-side article:nth-child(2) .zelink-commercial-mini-icon{
  background:#e9faf5;
  color:#0b9d7b;
}

.zelink-commercial-preview-side small,
.zelink-commercial-preview-side strong,
.zelink-commercial-preview-side em{
  display:block;
}

.zelink-commercial-preview-side small{
  color:#8492a7;
  font-size:.51rem;
  font-weight:760;
}

.zelink-commercial-preview-side strong{
  margin:.08rem 0;
  color:#142641;
  font-size:.88rem;
  font-weight:950;
  line-height:1.08;
}

.zelink-commercial-preview-side em{
  color:#97a4b6;
  font-size:.47rem;
  font-style:normal;
  font-weight:700;
}

.zelink-commercial-floating-card{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:.55rem;
  border:1px solid rgba(255,255,255,.82);
  border-radius:.9rem;
  background:rgba(255,255,255,.94);
  padding:.62rem .72rem;
  color:#12233e;
  box-shadow:0 18px 42px rgba(0,0,0,.19);
  backdrop-filter:blur(14px);
}

.zelink-commercial-floating-card>span{
  display:grid;
  width:1.6rem;
  height:1.6rem;
  place-items:center;
  border-radius:.52rem;
  background:#e8faf5;
  color:#0c9c7c;
  font-size:.72rem;
  font-weight:950;
}

.zelink-commercial-floating-card strong,
.zelink-commercial-floating-card small{display:block}

.zelink-commercial-floating-card strong{
  font-size:.66rem;
  font-weight:950;
  white-space:nowrap;
}

.zelink-commercial-floating-card small{
  margin-top:.06rem;
  color:#8290a5;
  font-size:.48rem;
  font-weight:720;
}

.zelink-commercial-floating-sales{
  top:-.35rem;
  right:-.25rem;
  animation:zelink-float-card 5.3s ease-in-out infinite;
}

.zelink-commercial-floating-stock{
  right:-.6rem;
  bottom:-.25rem;
  animation:zelink-float-card 6.2s ease-in-out -1.4s infinite;
}

.zelink-commercial-floating-stock>span{
  background:#edf2ff;
  color:#4c67d9;
}

.zelink-commercial-trust{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem 1.15rem;
  margin-top:.9rem;
  color:#8fa3c2;
  font-size:.62rem;
  font-weight:760;
}

.zelink-commercial-trust span{
  position:relative;
  padding-left:.85rem;
}

.zelink-commercial-trust span::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:.34rem;
  height:.34rem;
  border-radius:50%;
  background:#34d9ba;
  box-shadow:0 0 0 .2rem rgba(52,217,186,.09);
  transform:translateY(-50%);
}

.zelink-commercial-login-card{
  position:relative;
  width:100%!important;
  max-width:27rem!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:1.75rem!important;
  background:linear-gradient(180deg,rgba(255,255,255,.995) 0%,rgba(247,250,255,.985) 100%)!important;
  padding:1.05rem clamp(1.45rem,3vw,1.95rem) clamp(1.45rem,3vw,1.85rem)!important;
  box-shadow:0 38px 105px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.92) inset,0 0 0 1px rgba(60,98,214,.035)!important;
  transform:
    translate3d(calc(var(--zelink-tilt-x) * -3px),calc(var(--zelink-tilt-y) * -2px),0);
  transition:transform .2s ease-out,box-shadow .3s ease;
  animation:zelink-card-enter .65s cubic-bezier(.2,.8,.2,1) both;
}

.zelink-commercial-login-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:1.2rem -.9rem -1.1rem 1rem;
  border-radius:1.8rem;
  background:linear-gradient(145deg,rgba(67,103,245,.26),rgba(59,221,195,.13));
  filter:blur(24px);
  opacity:.75;
  pointer-events:none;
}

.zelink-commercial-login-card:hover{
  box-shadow:0 40px 105px rgba(0,0,0,.39),0 1px 0 rgba(255,255,255,.86) inset!important;
}

.zelink-commercial-card-toolbar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.78rem;
}

.zelink-commercial-home-link{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  margin:0;
  border:1px solid #dce5f2;
  border-radius:999px;
  background:rgba(247,249,252,.92);
  padding:.46rem .68rem;
  color:#50627d;
  font-size:.61rem;
  font-weight:850;
  line-height:1;
  text-decoration:none;
  box-shadow:0 5px 14px rgba(37,62,111,.045);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease;
}

.zelink-commercial-home-link:hover,
.zelink-commercial-home-link:focus-visible{
  transform:translateX(-3px);
  border-color:#b9c9ef;
  background:#eef3ff;
  color:#3156c9;
  box-shadow:0 8px 18px rgba(49,86,201,.09);
  outline:none;
}

.zelink-commercial-home-link>span:first-child{
  font-size:.76rem;
  transition:transform .25s ease;
}

.zelink-commercial-home-link:hover>span:first-child{transform:translateX(-2px)}

.zelink-commercial-login-header{
  position:relative;
  margin-bottom:1.05rem!important;
  padding:.15rem .15rem 0;
}

.zelink-commercial-legacy-label{display:none!important}

.zelink-commercial-portal-badge{
  display:inline-flex;
  align-items:center;
  gap:.42rem;
  margin:0;
  border:1px solid #e1e8f5;
  border-radius:999px;
  background:linear-gradient(180deg,#f5f7ff,#edf2ff);
  padding:.42rem .64rem;
  color:#4261c7;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  box-shadow:0 5px 14px rgba(56,86,177,.055);
  white-space:nowrap;
}

.zelink-commercial-portal-badge>span{
  width:.38rem;
  height:.38rem;
  border-radius:50%;
  background:#31cfae;
  box-shadow:0 0 0 .2rem rgba(49,207,174,.11),0 0 .8rem rgba(49,207,174,.24);
}

.zelink-commercial-logo-slot,
.zelink-commercial-login-card .zelink-login-logo-slot{
  width:min(11.8rem,62vw)!important;
  height:3.05rem!important;
  margin:0 auto .52rem!important;
  transition:transform .3s ease,filter .3s ease;
}

.zelink-commercial-logo-slot:hover,
.zelink-commercial-login-card .zelink-login-logo-slot:hover{
  transform:scale(1.018);
  filter:drop-shadow(0 7px 12px rgba(27,54,107,.09))!important;
}

.zelink-commercial-login-heading{
  margin-top:.12rem!important;
  font-size:0!important;
  line-height:1.15!important;
}

.zelink-commercial-login-heading::after{
  content:"Bienvenido de vuelta";
  display:block;
  color:#0f1e36;
  font-size:1.42rem;
  font-weight:950;
  line-height:1.15;
  letter-spacing:-.04em;
}

.zelink-commercial-login-subtitle{
  margin-top:.38rem!important;
  color:transparent!important;
  font-size:0!important;
}

.zelink-commercial-login-subtitle::after{
  content:"Ingresa a tu empresa y continúa donde quedaste.";
  display:block;
  color:#74839a;
  font-size:.73rem;
  font-weight:650;
  line-height:1.55;
}

.zelink-commercial-login-promise{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  margin:.72rem auto 0;
  border:1px solid #e6ecf5;
  border-radius:999px;
  background:rgba(247,249,253,.86);
  padding:.42rem .66rem;
  color:#5e708b;
  font-size:.58rem;
  font-weight:800;
  line-height:1.2;
}

.zelink-commercial-login-promise>span{
  display:grid;
  width:1rem;
  height:1rem;
  place-items:center;
  border-radius:50%;
  background:#e6faf4;
  color:#0b9c79;
  font-size:.51rem;
  font-weight:950;
}

.zelink-commercial-login-promise p{margin:0}

.zelink-commercial-login-form{
  margin-top:1rem!important;
  gap:.82rem!important;
}

.zelink-commercial-login-field>span{
  margin-bottom:.4rem!important;
  color:#657690!important;
  font-size:.61rem!important;
  letter-spacing:.095em!important;
}

.zelink-commercial-login-field input{
  min-height:3.08rem;
  border-color:#dbe4ef!important;
  border-radius:.9rem!important;
  background:#f7f9fc!important;
  color:#142641!important;
  font-size:.84rem!important;
  box-shadow:0 1px 2px rgba(15,30,54,.025);
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease!important;
}

.zelink-commercial-login-field:hover input{
  border-color:#c9d6e8!important;
  background:#fbfcfe!important;
}

.zelink-commercial-login-field input:focus{
  border-color:#6689ff!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(68,103,245,.11),0 8px 20px rgba(44,78,180,.08)!important;
  transform:translateY(-1px);
}

.zelink-commercial-login-submit{
  position:relative;
  min-height:3.12rem;
  margin-top:.16rem;
  overflow:hidden;
  border:0!important;
  border-radius:.92rem!important;
  background:linear-gradient(102deg,#10234c,#2f58df 58%,#4569ec)!important;
  font-size:0!important;
  box-shadow:0 14px 30px rgba(36,73,205,.27)!important;
  isolation:isolate;
}

.zelink-commercial-login-submit::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-50%;
  bottom:-50%;
  left:-42%;
  width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
  transform:skewX(-20deg);
  transition:left .58s ease;
}

.zelink-commercial-login-submit::after{
  content:"Ingresar a mi empresa  →";
  position:relative;
  z-index:2;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.01em;
}

.zelink-commercial-login-submit:hover:not(:disabled),
.zelink-commercial-login-submit:focus-visible{
  transform:translateY(-2px)!important;
  background:linear-gradient(102deg,#0d1e42,#315de8 60%,#4c72f3)!important;
  box-shadow:0 19px 36px rgba(36,73,205,.34)!important;
}

.zelink-commercial-login-submit:hover:not(:disabled)::before,
.zelink-commercial-login-submit:focus-visible::before{left:118%}

.zelink-commercial-login-card .erp-forgot-password-slot{
  margin-top:.85rem!important;
}

.zelink-commercial-login-card .erp-forgot-password-button{
  justify-content:flex-start;
  border-color:#dce5f1;
  border-radius:.9rem;
  background:#f7f9fc;
  padding:.68rem .8rem;
  color:#2b4371;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

.zelink-commercial-login-card .erp-forgot-password-button:hover,
.zelink-commercial-login-card .erp-forgot-password-button:focus-visible{
  transform:translateY(-2px);
  border-color:#aebfff;
  background:#f1f5ff;
  box-shadow:0 10px 24px rgba(49,81,185,.1);
}

.zelink-commercial-login-card .erp-recovery-key{
  background:#e7edff;
  color:#3158d4;
}

.zelink-commercial-login-card .erp-forgot-password-button strong{color:#24395f}
.zelink-commercial-login-card .erp-forgot-password-button small{color:#7588a7}

.zelink-commercial-access-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.52rem;
  margin-top:.9rem;
  padding-top:.85rem;
  border-top:1px solid #edf1f6;
  color:#8090a8;
}

.zelink-commercial-access-note>span{
  display:grid;
  width:1.25rem;
  height:1.25rem;
  place-items:center;
  border-radius:50%;
  background:#e8faf5;
  color:#129879;
  font-size:.58rem;
  font-weight:950;
}

.zelink-commercial-access-note p{
  margin:0;
  text-align:left;
}

.zelink-commercial-access-note strong,
.zelink-commercial-access-note small{display:block}

.zelink-commercial-access-note strong{
  color:#52647f;
  font-size:.63rem;
  font-weight:900;
}

.zelink-commercial-access-note small{
  margin-top:.05rem;
  color:#97a4b7;
  font-size:.56rem;
  font-weight:650;
}

@keyframes zelink-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 .28rem rgba(40,226,194,.1),0 0 1.1rem rgba(40,226,194,.45)}
  50%{transform:scale(1.12);box-shadow:0 0 0 .4rem rgba(40,226,194,.04),0 0 1.55rem rgba(40,226,194,.62)}
}

@keyframes zelink-gradient-flow{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}

@keyframes zelink-dashboard-shine{
  0%,65%{transform:translateX(-120%)}
  85%,100%{transform:translateX(120%)}
}

@keyframes zelink-bars{
  from{transform:scaleY(.08);opacity:.35}
  to{transform:scaleY(1);opacity:1}
}

@keyframes zelink-float-card{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-7px,0)}
}

@keyframes zelink-card-enter{
  from{opacity:0;transform:translate3d(22px,18px,0) scale(.985)}
  to{opacity:1;transform:translate3d(calc(var(--zelink-tilt-x) * -3px),calc(var(--zelink-tilt-y) * -2px),0) scale(1)}
}

@keyframes zelink-orbit-one{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(2.5rem,1.5rem,0) scale(1.12)}
}

@keyframes zelink-orbit-two{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-2rem,-1.5rem,0) scale(1.1)}
}

@media(max-width:1100px){
  .zelink-commercial-login-grid{
    grid-template-columns:minmax(0,1fr) minmax(22rem,.7fr)!important;
    gap:2.7rem!important;
  }
  .zelink-commercial-title{font-size:clamp(2.45rem,4.15vw,3.45rem)}
  .zelink-commercial-floating-stock{display:none}
}

@media(max-width:900px){
  .zelink-commercial-login-grid{
    grid-template-columns:1fr!important;
    align-content:center!important;
    gap:1.55rem!important;
    padding-top:2.1rem!important;
    padding-bottom:2.1rem!important;
  }
  .zelink-commercial-promo{
    justify-content:center;
    text-align:center;
  }
  .zelink-commercial-promo-content{max-width:36rem}
  .zelink-commercial-title{font-size:clamp(2.15rem,6.2vw,3rem)}
  .zelink-commercial-lead{margin-left:auto;margin-right:auto}
  .zelink-commercial-highlights{justify-content:center}
  .zelink-commercial-experience,
  .zelink-commercial-trust{display:none}
  .zelink-commercial-login-card{margin-left:auto!important;margin-right:auto!important}
}

@media(max-width:520px){
  .zelink-commercial-login-grid{
    gap:1.1rem!important;
    padding:1.25rem .85rem 1.55rem!important;
  }
  .zelink-commercial-badge{
    padding:.44rem .66rem;
    font-size:.61rem;
  }
  .zelink-commercial-title{
    margin-top:.9rem;
    font-size:clamp(2rem,9.6vw,2.65rem);
    line-height:1;
  }
  .zelink-commercial-lead{
    margin-top:.8rem;
    font-size:.81rem;
    line-height:1.55;
  }
  .zelink-commercial-highlights{display:none}
  .zelink-commercial-login-card{
    border-radius:1.35rem!important;
    padding:1rem 1.1rem 1.3rem!important;
  }
  .zelink-commercial-login-card::before{border-radius:1.5rem}
  .zelink-commercial-card-toolbar{margin-bottom:.65rem}
  .zelink-commercial-home-link{padding:.42rem .58rem}
  .zelink-commercial-home-link>span:nth-child(2){display:none}
  .zelink-commercial-portal-badge{padding:.4rem .56rem;font-size:.53rem}
  .zelink-commercial-logo-slot,
  .zelink-commercial-login-card .zelink-login-logo-slot{
    width:min(10.8rem,62vw)!important;
    height:2.85rem!important;
  }
  .zelink-commercial-login-heading::after{font-size:1.28rem}
  .zelink-commercial-login-promise{font-size:.54rem}
}

@media(prefers-reduced-motion:reduce){
  .zelink-commercial-login-shell::before,
  .zelink-commercial-login-shell::after,
  .zelink-commercial-badge-dot,
  .zelink-commercial-title span,
  .zelink-commercial-preview::after,
  .zelink-commercial-chart i,
  .zelink-commercial-floating-card,
  .zelink-commercial-login-card{animation:none!important}
  .zelink-commercial-preview,
  .zelink-commercial-login-card{transform:none!important}
  .zelink-commercial-login-submit,
  .zelink-commercial-login-card .erp-forgot-password-button,
  .zelink-commercial-home-link{transition:none!important}
}