.be2-auth-modal{
  position:fixed;
  inset:0;
  z-index:99998;
  display:grid;
  place-items:center;
  padding:32px;
  background:rgba(2,6,23,.68);
  backdrop-filter:blur(18px);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.be2-auth-modal.is-visible{
  opacity:1;
  pointer-events:auto;
}

.be2-auth-modal-panel{
  position:relative;
  width:min(1120px,96vw);
  max-height:88vh;
  overflow:auto;
  border-radius:34px;
  transform:translateY(16px) scale(.97);
  transition:transform .22s ease;
}

.be2-auth-modal.is-visible .be2-auth-modal-panel{
  transform:translateY(0) scale(1);
}

.be2-auth-modal .auth-page{
  width:100%;
  margin:0;
}

.be2-auth-modal-close{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(15,23,42,.78);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  z-index:3;
}

@media(max-width:900px){
  .be2-auth-modal{padding:14px;}
  .be2-auth-modal-panel{max-height:92vh;}
}

.be2-auth-open body{
  overflow:hidden;
}

.be2-auth-modal .auth-hero{
  margin:0;
}

.be2-auth-modal .auth-brand-card,
.be2-auth-modal .auth-form-card{
  box-sizing:border-box;
}

.be2-auth-modal .auth-app-showcase{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:30px;
}

.be2-auth-modal .auth-product-card{
  min-height:180px;
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  display:grid;
  align-content:space-between;
  color:#fff;
}

.be2-auth-modal .auth-product-card.is-leads{
  background:linear-gradient(135deg,rgba(47,124,255,.52),rgba(22,43,92,.74));
}

.be2-auth-modal .auth-product-card.is-drive{
  background:linear-gradient(135deg,rgba(51,192,107,.48),rgba(13,55,32,.78));
}

.be2-auth-modal .auth-product-card.is-tour{
  background:linear-gradient(135deg,rgba(154,102,255,.55),rgba(54,22,94,.76));
}

.be2-auth-modal .auth-product-card h3{
  margin:12px 0 6px;
  font-size:24px;
  letter-spacing:-.04em;
}

.be2-auth-modal .auth-product-card p{
  margin:0;
  color:#dbeafe;
  font-size:14px;
}

.be2-auth-modal .auth-product-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.12);
  font-size:24px;
}

.be2-auth-modal .auth-product-cta{
  width:max-content;
  margin-top:16px;
  padding:10px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.14);
  font-weight:900;
}

@media(max-width:900px){
  .be2-auth-modal .auth-app-showcase{
    grid-template-columns:1fr;
  }
}