/* TRIPLOOM V15.1.68 — canonical authentication layout polish.
   Loaded after the global Design System so generic form/card rules cannot distort auth screens. */
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]){
  --auth-brand:#43C8BE;
  --auth-brand-strong:#249D98;
  --auth-brand-deep:#249D98;
  --auth-bg:#F4FCFB;
  --auth-mint:#DDF7F4;
  --auth-line:#C5DCE0;
  --auth-text:#193446;
  --auth-muted:#7A8994;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  background:var(--auth-bg)!important;
  color:#FFFFFF!important;
}

/* V15.1.68: definitive auth field reset. The auth stylesheet is now the only auth CSS loaded at runtime. */
html body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) :where(.auth-v227-field,.auth-v227-field>span){
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-field{padding:0!important;border-radius:0!important;}
html body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control{
  border:1px solid #D6E9E7!important;background:#FFFFFF!important;box-shadow:0 1px 3px rgba(31,59,77,.035)!important;
}
html body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input,
html body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control select{
  border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
}

html:has(body[data-page="login"]),html:has(body[data-page="register"]),html:has(body[data-page="forgot"]),html:has(body[data-page="reset"]){
  background:var(--auth-bg)!important;
  color-scheme:light!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-page{
  min-height:100dvh!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:var(--auth-bg)!important;
  overflow:hidden!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-card{
  box-sizing:border-box!important;
  color:#FFFFFF!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-heading{
  margin:0 0 20px!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-heading h2{
  margin:0!important;
  color:#FFFFFF!important;
  font-size:clamp(29px,3vw,38px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-heading p{
  margin:7px 0 0!important;
  color:var(--auth-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-form{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  margin:0!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-field{
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#FFFFFF!important;
  font-size:10px!important;
  font-weight:800!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-field>span{
  display:block!important;
  margin:0 0 5px!important;
  padding:0 1px!important;
  color:#FFFFFF!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  line-height:1.3!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  height:48px!important;
  border:1px solid #C6ECE8!important;
  border-radius:11px!important;
  background:#FFFFFF!important;
  box-shadow:0 1px 3px rgba(31,59,77,.035)!important;
  isolation:isolate!important;
  overflow:hidden!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control:focus-within{
  border-color:#69D7D0!important;
  background:#FFFFFF!important;
  box-shadow:0 0 0 2px rgba(105,215,208,.10)!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i{
  flex:0 0 42px!important;
  width:42px!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:#3FBDB5!important;
  background:transparent!important;
  border-right:0!important;
  font-style:normal!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control select{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 14px 0 8px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#1F3B4D!important;
  caret-color:#249D98!important;
  font:700 14px/1.2 Nunito,sans-serif!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input::placeholder{color:#6F8792!important;opacity:.76!important}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input:-webkit-autofill,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input:-webkit-autofill:hover,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input:-webkit-autofill:focus{
  -webkit-text-fill-color:#1F3B4D!important;
  -webkit-box-shadow:0 0 0 1000px #FFFFFF inset!important;
  box-shadow:0 0 0 1000px #FFFFFF inset!important;
  transition:background-color 9999s ease-out 0s!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye{
  flex:0 0 42px!important;
  width:42px!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #D8EFEC!important;
  background:#FAFEFD!important;
  color:#3FBDB5!important;
  box-shadow:none!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:hover,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:focus-visible{
  color:var(--auth-brand-deep)!important;
  background:var(--auth-mint)!important;
  outline:0!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-helper{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-helper>a{
  color:var(--auth-brand-deep)!important;
  font-size:11px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-remember{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  color:#496270!important;
  font-size:10px!important;
  font-weight:800!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-remember input{
  appearance:none!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #A8BEC8!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-remember input:checked{
  border-color:var(--auth-brand-strong)!important;
  background:var(--auth-brand-strong)!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-remember input:checked::after{
  content:"✓"!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary{
  height:48px!important;
  min-height:48px!important;
  border:1px solid rgba(36,157,152,.18)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#69D7D0 0%,#3FBDB5 100%)!important;
  color:#FFFFFF!important;
  box-shadow:0 5px 14px rgba(63,189,181,.12)!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary::before,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary::after{content:none!important;display:none!important}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary:hover,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary:focus-visible{
  background:linear-gradient(135deg,#3FBDB5 0%,#249D98 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(36,157,152,.15)!important;
  outline:0!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-create{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  height:50px!important;
  margin:10px 0 0!important;
  border:1px solid var(--auth-brand-strong)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--auth-brand-deep)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-create:hover,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-create:focus-visible{background:var(--auth-mint)!important;outline:0!important}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-divider{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:16px 0 12px!important;
  color:var(--auth-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-divider::before,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-divider::after{
  content:""!important;
  height:1px!important;
  flex:1!important;
  background:var(--auth-line)!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-btn{
  min-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:9px 6px!important;
  border:1px solid var(--auth-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(31,59,77,.045)!important;
  color:#FFFFFF!important;
  text-decoration:none!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-btn:hover,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-btn:focus-visible{
  border-color:#9EDBD6!important;
  background:var(--auth-bg)!important;
  box-shadow:0 7px 18px rgba(31,59,77,.065)!important;
  outline:0!important;
  transform:none!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-mark{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-mark img{width:24px!important;height:24px!important;object-fit:contain!important}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-btn small{font-size:10px!important;font-weight:800!important;color:var(--auth-muted)!important}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-version{
  display:block!important;
  margin-top:14px!important;
  color:#9AAEB7!important;
  font-size:8px!important;
  text-align:center!important;
}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-mobile-footer{display:none!important}

/* Desktop / laptop */
@media (min-width:1025px){
  body[data-page="login"] .auth-v227-page{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)!important;
    min-height:100dvh!important;
    background:#fff!important;
  }
  body[data-page="login"] .auth-v227-desktop-art{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    min-height:100dvh!important;
    padding:clamp(54px,5vw,86px)!important;
    color:#fff!important;
    background:linear-gradient(145deg,#69D7D0 0%,#5CCEC8 46%,#8EDFF0 100%)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body[data-page="login"] .auth-v227-desktop-art::before{
    content:""!important;
    position:absolute!important;
    width:min(48vw,620px)!important;
    height:min(25vw,310px)!important;
    right:-8%!important;
    bottom:-6%!important;
    border-radius:50% 50% 0 0!important;
    background:rgba(255,255,255,.08)!important;
    pointer-events:none!important;
  }
  body[data-page="login"] .auth-v227-desktop-art::after{
    content:""!important;
    position:absolute!important;
    width:110px!important;
    height:110px!important;
    right:11%!important;
    bottom:24%!important;
    border-radius:50%!important;
    background:#FFD15C!important;
    box-shadow:0 18px 38px rgba(86,121,131,.10)!important;
    pointer-events:none!important;
  }
  body[data-page="login"] .auth-v227-desktop-art>.auth-logo-img,
  body[data-page="login"] .auth-v227-desktop-art>div{position:relative!important;z-index:1!important}
  body[data-page="login"] .auth-v227-desktop-art .auth-logo-img{
    width:210px!important;
    max-width:36%!important;
    margin:0!important;
    filter:none!important;
  }
  body[data-page="login"] .auth-v227-desktop-art .eyebrow{color:rgba(255,255,255,.88)!important;font-size:10px!important;letter-spacing:.16em!important}
  body[data-page="login"] .auth-v227-desktop-art h1{
    max-width:620px!important;
    margin:10px 0 14px!important;
    color:#fff!important;
    font-size:clamp(44px,4.1vw,68px)!important;
    line-height:1.03!important;
    letter-spacing:-.05em!important;
    text-shadow:none!important;
  }
  body[data-page="login"] .auth-v227-desktop-art p{
    max-width:560px!important;
    margin:0!important;
    color:rgba(255,255,255,.90)!important;
    font-size:13px!important;
    line-height:1.6!important;
  }
  body[data-page="login"] .auth-bubbles{display:none!important}
  body[data-page="login"] .auth-v227-form-stage{
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    min-height:100dvh!important;
    padding:clamp(28px,4vw,64px)!important;
    background:radial-gradient(circle at 70% 18%,rgba(142,223,240,.18),transparent 34%),var(--auth-bg)!important;
  }
  body[data-page="login"] .auth-v227-card{
    width:min(100%,470px)!important;
    max-width:470px!important;
    margin:0!important;
    padding:34px 34px 28px!important;
    border:1px solid var(--auth-line)!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:0 24px 60px rgba(31,59,77,.10)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  body[data-page="login"] .auth-v227-heading h2{font-size:36px!important}
  body[data-page="login"] .auth-v227-mobile-stage{display:none!important}
}

/* Tablet + mobile */
@media (max-width:1024px){
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-page{
    display:block!important;
    min-height:100dvh!important;
    width:min(100%,760px)!important;
    margin:0 auto!important;
    background:var(--auth-bg)!important;
    box-shadow:0 0 50px rgba(31,59,77,.08)!important;
  }
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-desktop-art{display:none!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-mobile-stage{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:clamp(245px,48vw,340px)!important;
    overflow:hidden!important;
    background:#DDF7F4!important;
  }
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-mobile-stage img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center 47%!important;
  }
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-form-stage{
    position:relative!important;
    z-index:2!important;
    margin-top:-28px!important;
    padding:0 12px 24px!important;
    background:transparent!important;
  }
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-card{
    width:min(100%,620px)!important;
    max-width:620px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:28px clamp(20px,5vw,34px) 24px!important;
    border:1px solid var(--auth-line)!important;
    border-radius:28px!important;
    background:#fff!important;
    box-shadow:0 18px 42px rgba(31,59,77,.11)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
}
@media (max-width:640px){
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-page{width:100%!important;box-shadow:none!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-mobile-stage{height:clamp(228px,61vw,292px)!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-form-stage{margin-top:-24px!important;padding:0 10px 20px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-card{
    width:100%!important;
    max-width:none!important;
    padding:26px 18px 22px!important;
    border-radius:26px!important;
    box-shadow:0 16px 34px rgba(31,59,77,.10)!important;
  }
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-heading{margin-bottom:18px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-heading h2{font-size:29px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-heading p{font-size:12px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control{height:50px!important;border-radius:14px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i,
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye{flex-basis:44px!important;width:44px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary{height:50px!important;min-height:50px!important;border-radius:14px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-create{height:48px!important;border-radius:14px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social{gap:8px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-social-btn{min-height:62px!important;border-radius:14px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-helper{gap:8px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-helper>a,
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-remember{font-size:10.5px!important}
  .auth-v227-grid-two{grid-template-columns:1fr!important}
}
@media (max-width:360px){
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-card{padding-inline:15px!important}
  body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-helper>a{white-space:normal!important;text-align:right!important}
}


/* V15.1.68 subtle field refinement */
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-form{gap:12px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input::placeholder{opacity:.68!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:hover, body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:focus-visible{background:transparent!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-card{border-radius:22px!important;box-shadow:0 12px 28px rgba(31,59,77,.06)!important;}


/* V15.1.68 auth simplification */
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control{height:48px!important;border:1px solid #D6E9E7!important;border-radius:11px!important;box-shadow:0 1px 3px rgba(31,59,77,.035)!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i{background:transparent!important;border-right:0!important;color:#3FBDB5!important;flex-basis:38px!important;width:38px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye{background:transparent!important;border-left:0!important;flex-basis:38px!important;width:38px!important;color:#249D98!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control select{padding:0 12px 0 4px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .btn.btn-primary{color:#FFFFFF!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary *,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .btn.btn-primary *{color:#FFFFFF!important;fill:currentColor!important;stroke:currentColor!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control .is-hidden-icon,[data-auth-password-toggle][aria-pressed="false"] .is-visible-icon{display:none!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) [data-auth-password-toggle][aria-pressed="true"] .is-open-icon{display:none!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) [data-auth-password-toggle][aria-pressed="true"] .is-hidden-icon{display:block!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) [data-auth-password-toggle] svg{width:18px!important;height:18px!important;stroke-width:1.9!important;fill:none!important;stroke:currentColor!important;}


/* V15.1.68 single-frame field cleanup */
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control{border:1px solid #D6E9E7!important;border-radius:11px!important;box-shadow:0 1px 3px rgba(31,59,77,.03)!important;overflow:hidden!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i{flex-basis:38px!important;width:38px!important;border-right:1px solid #D6E9E7!important;background:transparent!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i svg{width:18px!important;height:18px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control select{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;border-radius:0!important;padding:0 12px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input:focus,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control select:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input::placeholder{opacity:.72!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye{flex-basis:38px!important;width:38px!important;border-left:0!important;background:transparent!important;padding:0!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:hover,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:focus-visible{background:transparent!important;color:#249D98!important;box-shadow:none!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .btn.btn-primary{color:#fff!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary *, body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .btn.btn-primary *{color:#fff!important;fill:currentColor!important;stroke:currentColor!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-create{color:#249D98!important;}


/* V15.1.68 auth fields inspired by reference: single rounded outer frame, no inner dividers, icon and placeholder inside field */
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-form{gap:12px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-field{position:relative!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-field>span{display:none!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control{height:50px!important;border-radius:14px!important;border:1px solid #CFE5E3!important;box-shadow:0 1px 3px rgba(31,59,77,.035)!important;background:#FFFFFF!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control:focus-within{border-color:#69D7D0!important;box-shadow:0 0 0 2px rgba(105,215,208,.10)!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i{flex:0 0 40px!important;width:40px!important;background:transparent!important;border-right:0!important;color:#3FBDB5!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control>i svg{width:18px!important;height:18px!important;stroke-width:1.8!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input,
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control select{padding:0 12px 0 0!important;border:0!important;box-shadow:none!important;background:transparent!important;font-size:14px!important;font-weight:700!important;color:#1F3B4D!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-control input::placeholder{color:#6F8792!important;opacity:.86!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye{flex:0 0 40px!important;width:40px!important;border:0!important;border-left:0!important;background:transparent!important;color:#249D98!important;padding:0!important;box-shadow:none!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:hover,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-eye:focus-visible{background:transparent!important;color:#249D98!important;box-shadow:none!important;outline:0!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-helper{margin-top:2px!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .btn.btn-primary{color:#FFFFFF!important;}
body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .auth-v227-primary *,body:is([data-page="login"],[data-page="register"],[data-page="forgot"],[data-page="reset"]) .btn.btn-primary *{color:#FFFFFF!important;fill:currentColor!important;stroke:currentColor!important;}


/* V15.1.68 — login visibility + reference-field correction */
html body[data-page="login"]{color:#1F3B4D!important;background:#F4FCFB!important;}
html body[data-page="login"] .auth-v227-card{color:#1F3B4D!important;background:#FFFFFF!important;}
html body[data-page="login"] .auth-v227-heading{display:block!important;visibility:visible!important;opacity:1!important;margin:0 0 18px!important;}
html body[data-page="login"] .auth-v227-heading h2{display:block!important;visibility:visible!important;opacity:1!important;color:#1F3B4D!important;text-shadow:none!important;}
html body[data-page="login"] .auth-v227-heading p{display:block!important;visibility:visible!important;opacity:1!important;color:#6F8792!important;}
html body[data-page="login"] .auth-v227-card :is(.auth-v227-helper,.auth-v227-remember,.auth-v227-divider,.auth-v227-social-btn small,.auth-version){visibility:visible!important;opacity:1!important;}

/* One outer frame only. Email / password label lives inside the field. */
html body[data-page="login"] .auth-v227-field{position:relative!important;display:block!important;color:#1F3B4D!important;}
html body[data-page="login"] .auth-v227-field>span{
  display:block!important;position:absolute!important;left:44px!important;top:7px!important;z-index:4!important;
  margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  color:#6F8792!important;font:800 9px/1 Nunito,sans-serif!important;pointer-events:none!important;
}
html body[data-page="login"] .auth-v227-form>.auth-v227-field:nth-of-type(1)>span{font-size:0!important;}
html body[data-page="login"] .auth-v227-form>.auth-v227-field:nth-of-type(1)>span::after{content:"Email";font:800 9px/1 Nunito,sans-serif!important;color:#6F8792!important;}
html body[data-page="login"] .auth-v227-form>.auth-v227-field:nth-of-type(2)>span{font-size:0!important;}
html body[data-page="login"] .auth-v227-form>.auth-v227-field:nth-of-type(2)>span::after{content:"Mật khẩu";font:800 9px/1 Nunito,sans-serif!important;color:#6F8792!important;}

html body[data-page="login"] .auth-v227-control{
  position:relative!important;height:58px!important;border:1px solid #CFE5E3!important;border-radius:15px!important;
  background:#FFFFFF!important;box-shadow:0 1px 4px rgba(31,59,77,.035)!important;overflow:hidden!important;
}
html body[data-page="login"] .auth-v227-control:focus-within{border-color:#69D7D0!important;box-shadow:0 0 0 2px rgba(105,215,208,.10)!important;}
html body[data-page="login"] .auth-v227-control>i{
  flex:0 0 42px!important;width:42px!important;height:100%!important;background:transparent!important;border:0!important;border-right:0!important;
  color:#3FBDB5!important;display:grid!important;place-items:center!important;
}
html body[data-page="login"] .auth-v227-control>i svg{width:18px!important;height:18px!important;stroke-width:1.8!important;}
html body[data-page="login"] .auth-v227-control>input{
  flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;
  padding:16px 10px 0 2px!important;border:0!important;border-width:0!important;border-style:none!important;border-color:transparent!important;
  border-radius:0!important;outline:0!important;outline-offset:0!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;-webkit-box-shadow:none!important;filter:none!important;appearance:none!important;-webkit-appearance:none!important;
  color:#1F3B4D!important;font:750 14px/1.2 Nunito,sans-serif!important;
}
html body[data-page="login"] .auth-v227-control>input:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
html body[data-page="login"] .auth-v227-control>input::placeholder{color:transparent!important;opacity:0!important;}
html body[data-page="login"] .auth-v227-eye{
  flex:0 0 42px!important;width:42px!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-left:0!important;
  background:transparent!important;box-shadow:none!important;color:#249D98!important;display:grid!important;place-items:center!important;
}
html body[data-page="login"] .auth-v227-eye:hover,html body[data-page="login"] .auth-v227-eye:focus-visible{background:transparent!important;color:#249D98!important;outline:0!important;box-shadow:none!important;}
html body[data-page="login"] .auth-v227-eye svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;}

/* Primary CTA always reads white on turquoise. */
html body[data-page="login"] .auth-v227-primary,html body[data-page="login"] .auth-v227-primary span,
html body[data-page="login"] .btn.btn-primary,html body[data-page="login"] .btn.btn-primary span{color:#FFFFFF!important;}

/* Mobile hero/logo: keep the TRIPLOOM logo area visible instead of cropping it away. */
@media (max-width:1024px){
  html body[data-page="login"] .auth-v227-mobile-stage{display:block!important;height:clamp(250px,70vw,330px)!important;overflow:hidden!important;background:#DDF7F4!important;}
  html body[data-page="login"] .auth-v227-mobile-stage img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 14%!important;opacity:1!important;visibility:visible!important;}
  html body[data-page="login"] .auth-v227-form-stage{margin-top:-24px!important;}
  html body[data-page="login"] .auth-v227-card{padding-top:26px!important;}
}
@media (max-width:640px){
  html body[data-page="login"] .auth-v227-mobile-stage{height:clamp(245px,72vw,300px)!important;}
  html body[data-page="login"] .auth-v227-mobile-stage img{object-position:center 10%!important;}
  html body[data-page="login"] .auth-v227-heading h2{font-size:29px!important;}
}

/* Desktop brand/logo visibility lock. */
@media (min-width:1025px){
  html body[data-page="login"] .auth-v227-desktop-art{visibility:visible!important;opacity:1!important;}
  html body[data-page="login"] .auth-v227-desktop-art .auth-logo-img{display:block!important;visibility:visible!important;opacity:1!important;filter:none!important;}
  html body[data-page="login"] .auth-v227-desktop-art :is(.eyebrow,h1,p){visibility:visible!important;opacity:1!important;color:#FFFFFF!important;}
}