/* ------------------------------------------------------------
 * Optional image glass design — adapted from the user supplied layout.
 * Loaded only when this design is selected on the authentication page.
 * ------------------------------------------------------------ */
.blla-theme-glass,
.blla-theme-glass *{box-sizing:border-box}
.blla-theme-glass{
  position:relative;
  isolation:isolate;
  width:100vw;
  width:100dvw;
  max-width:none!important;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  margin:0!important;
  margin-inline:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden;
  color:#fff;
  background-color:#2a0711;
  background-image:
    linear-gradient(135deg,rgba(25,3,11,.38),rgba(75,5,25,.22)),
    var(--blla-glass-bg-desktop);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  font-family:inherit;
}
.blla-theme-glass:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.12),transparent 30%),
    linear-gradient(180deg,rgba(17,0,7,.08),rgba(18,0,7,.34));
}
.blla-glass-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:100%;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  padding:
    max(24px,env(safe-area-inset-top))
    max(18px,env(safe-area-inset-right))
    max(24px,env(safe-area-inset-bottom))
    max(18px,env(safe-area-inset-left));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.blla-glass-card{
  flex:0 0 auto;
  width:min(100%,460px);
  margin:auto;
  padding:clamp(24px,4vw,34px);
  border:1px solid rgba(255,255,255,.34);
  border-radius:24px;
  background:rgba(56,10,26,.22);
  box-shadow:0 24px 70px rgba(18,0,7,.42),inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
}
.blla-theme-glass .blla-box{width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.blla-theme-glass .blla-state{animation:bllaGlassState .28s ease-out both}
@keyframes bllaGlassState{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
.blla-theme-glass .blla-state h3{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(27px,4vw,34px);
  line-height:1.45;
  font-weight:900;
  text-align:center;
  text-shadow:0 2px 18px rgba(25,0,8,.32);
}
.blla-theme-glass .blla-muted{
  margin:-10px 0 23px;
  color:rgba(255,255,255,.88);
  font-size:clamp(13px,1.5vw,14.5px);
  line-height:1.85;
  text-align:center;
}
.blla-theme-glass .blla-muted strong{color:#fff}
.blla-theme-glass .blla-form{gap:11px}
.blla-theme-glass .blla-form label{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  width:max-content;
  max-width:100%;
  margin:0 2px 1px 0;
  color:#fff;
  font-size:13.5px;
  font-weight:800;
  line-height:1.7;
  text-shadow:0 1px 8px rgba(20,0,8,.24);
}
.blla-theme-glass .blla-required-mark{color:#ff4d67!important}
.blla-theme-glass .blla-optional-mark{
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.14);
  color:#fff!important;
}
.blla-theme-glass .blla-form input:not([type="hidden"]){
  width:100%;
  min-height:50px;
  margin:0 0 4px;
  padding:10px 46px 10px 14px;
  border:0;
  border-bottom:2px solid rgba(255,255,255,.92);
  border-radius:8px 8px 5px 5px;
  outline:0;
  background-color:rgba(255,255,255,.22);
  background-repeat:no-repeat;
  background-position:right 15px center;
  background-size:20px 20px;
  color:#fff;
  caret-color:#fff;
  font-family:inherit;
  font-size:16px;
  line-height:1.5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.blla-theme-glass .blla-form input::placeholder{color:rgba(255,255,255,.76);opacity:1}
.blla-theme-glass .blla-form input:not([type="hidden"]):focus{
  border-bottom-color:#ff5c9d;
  background-color:rgba(255,255,255,.29);
  box-shadow:0 10px 26px rgba(22,0,8,.14),inset 0 1px 0 rgba(255,255,255,.12);
}
.blla-theme-glass input[name="identifier"],
.blla-theme-glass input[name="email"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");
}
.blla-theme-glass input[name="password"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}
.blla-theme-glass input[name="mobile"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
}
.blla-theme-glass input[name="first_name"],
.blla-theme-glass input[name="last_name"]{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
.blla-theme-glass input[name="otp_code"]{
  padding-inline:14px;
  background-image:none;
  text-align:center;
  letter-spacing:.26em;
  font-size:clamp(24px,7vw,30px)!important;
  font-weight:900;
}
.blla-theme-glass .blla-form button[type="submit"]{
  width:100%;
  min-height:50px;
  margin-top:8px;
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#a3164c;
  font-family:inherit;
  font-size:15.5px;
  font-weight:900;
  box-shadow:0 12px 32px rgba(28,0,10,.18);
  transition:transform .17s ease,background-color .17s ease,box-shadow .17s ease;
}
.blla-theme-glass .blla-form button[type="submit"]:hover{background:#fff;transform:translateY(-1px);box-shadow:0 16px 34px rgba(28,0,10,.24)}
.blla-theme-glass .blla-form button[type="submit"]:active{transform:translateY(0)}
.blla-theme-glass .blla-form button.blla-secondary{
  border-color:rgba(255,255,255,.56);
  background:rgba(255,255,255,.17);
  color:#fff;
  box-shadow:none;
}
.blla-theme-glass .blla-form button.blla-secondary:hover{background:rgba(255,255,255,.25)}
.blla-theme-glass .blla-link-button{
  margin:7px auto 0!important;
  color:#fff!important;
  text-decoration:underline;
  text-underline-offset:4px;
}
.blla-theme-glass .blla-back{
  display:block;
  width:max-content;
  min-height:38px;
  margin:15px auto 0;
  padding:6px 17px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-family:inherit;
  font-weight:800;
}
.blla-theme-glass .blla-separator:before{background:rgba(255,255,255,.28)}
.blla-theme-glass .blla-separator span{background:transparent;color:rgba(255,255,255,.86)}
.blla-theme-glass .blla-logged-in{text-align:center}
.blla-theme-glass .blla-logged-in h3{margin-bottom:8px}
html:has(body.blla-standalone-login.blla-design-glass){
  width:100%;
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#2a0711;
}
body.blla-standalone-login.blla-design-glass{
  display:block;
  width:100%;
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:100vh;
  min-height:100svh;
  min-height:100dvh;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#2a0711!important;
}
.blla-design-glass .blla-standalone-shell{
  display:block;
  width:100%;
  max-width:none;
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.blla-design-glass .blla-theme-glass{
  position:fixed;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
.blla-design-glass .blla-glass-stage{
  height:100%;
  min-height:100%;
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .blla-glass-card{background:rgba(55,8,25,.86)}
}
@media(max-width:760px){
  .blla-theme-glass{
    background-image:
      linear-gradient(135deg,rgba(25,3,11,.32),rgba(75,5,25,.20)),
      var(--blla-glass-bg-mobile);
    background-position:center center;
    background-size:cover;
  }
  .blla-glass-stage{align-items:center;justify-content:flex-start;padding:max(18px,env(safe-area-inset-top)) max(13px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(13px,env(safe-area-inset-left))}
  .blla-glass-card{margin:auto;padding:clamp(20px,6vw,28px);border-radius:20px}
  .blla-theme-glass .blla-state h3{font-size:clamp(25px,8vw,31px)}
  .blla-theme-glass .blla-form input:not([type="hidden"]),
  .blla-theme-glass .blla-form button[type="submit"]{min-height:52px;font-size:16px}
}
@media(max-width:380px){
  .blla-glass-stage{padding-inline:max(9px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-left))}
  .blla-glass-card{padding:19px 16px;border-radius:17px}
}
@media(max-height:650px) and (min-width:761px){
  .blla-glass-stage{align-items:center;padding-block:18px}
  .blla-glass-card{margin-block:auto}
}
@media(prefers-reduced-motion:reduce){
  .blla-theme-glass .blla-state{animation:none!important}
  .blla-theme-glass .blla-form input,
  .blla-theme-glass .blla-form button{transition:none!important}
}


/* Keep theme header/footer visible when the optional theme-chrome mode is enabled. */
body.blla-theme-chrome-login .blla-theme-page-shell--glass{padding:0;overflow:hidden;background:#2a0711}
body.blla-theme-chrome-login .blla-theme-page-shell--glass .blla-theme-glass{position:relative!important;inset:auto!important;width:100%!important;min-height:max(70vh,620px)!important;margin:0!important}
body.blla-theme-chrome-login .blla-theme-page-shell--glass .blla-glass-stage{min-height:max(70vh,620px)!important}
@media(max-width:760px){body.blla-theme-chrome-login .blla-theme-page-shell--glass .blla-theme-glass,body.blla-theme-chrome-login .blla-theme-page-shell--glass .blla-glass-stage{min-height:max(68vh,560px)!important}}

/* v1.26 mobile rendering optimization: preserve layout/colors, reduce GPU-heavy effects. */
@media (max-width:767px){
  .blla-theme-langar *, .blla-theme-glass *{-webkit-tap-highlight-color:transparent}
  .blla-theme-langar [class*="glass"],.blla-theme-langar [class*="card"],.blla-theme-glass [class*="glass"],.blla-theme-glass [class*="card"]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media (prefers-reduced-motion:reduce){
  .blla-theme-langar *, .blla-theme-glass *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}