/* Luxoria v18.67.1 — Unified authentication surface & compact brand panels */
:root{
  --lux-auth-page:#080d17;
  --lux-auth-page-2:#0a101c;
  --lux-auth-card:#0a101c;
  --lux-auth-card-2:#080d17;
  --lux-auth-soft-line:rgba(255,255,255,.075);
}
html body.lux-login-page,
html body.lux-join-page{
  background:linear-gradient(135deg,var(--lux-auth-page),var(--lux-auth-page-2) 52%,var(--lux-auth-page))!important;
  background-color:var(--lux-auth-page)!important;
}
html body.lux-login-page::before,
html body.lux-login-page::after,
html body.lux-join-page::before,
html body.lux-join-page::after{content:none!important;display:none!important;background:none!important;filter:none!important}
.lux-logo-caption,
.lux-registration-logo-caption{
  display:block;
  margin:6px 0 0;
  color:#e4bd67!important;
  font:600 var(--lux-caption-size,15px)/1.35 Manrope,sans-serif!important;
  letter-spacing:.20em!important;
  text-transform:uppercase;
  white-space:pre-line;
}
.lux-registration-logo-caption{font-style:normal!important;max-width:100%;}

@media(min-width:1081px){
  body.lux-login-page{overflow:hidden!important}
  .lux-login-shell{
    width:min(1180px,100%);
    height:100svh;
    min-height:0!important;
    margin:0 auto;
    padding:18px;
    grid-template-columns:minmax(300px,410px) minmax(430px,560px)!important;
    gap:26px;
    justify-content:center;
    align-items:center;
  }
  .lux-login-showcase,
  .lux-login-panel-wrap{padding:0!important;min-height:0!important}
  .lux-login-showcase{height:calc(100svh - 36px)}
  .lux-login-showcase::before,
  .lux-login-showcase::after{inset:0!important;border-radius:28px!important;background:linear-gradient(180deg,var(--lux-auth-card),var(--lux-auth-card-2))!important;opacity:1!important;mix-blend-mode:normal!important}
  .lux-showcase-inner{
    min-height:0!important;
    height:100%;
    padding:28px!important;
    gap:20px!important;
    overflow:auto;
    scrollbar-width:thin;
  }
  .lux-brand-lockup{gap:14px!important}
  .lux-brand-badge{gap:12px!important;align-items:flex-start!important}
  .lux-brand-badge.has-logo{gap:8px!important}
  .lux-auth-logo-image{max-width:170px!important;max-height:82px!important}
  .lux-brand-seal{width:70px!important;height:70px!important;font-size:40px!important}
  .lux-brand-title h1{font-size:36px!important;letter-spacing:.13em!important;line-height:1!important}
  .lux-brand-title p{margin-top:5px!important}
  .lux-showcase-copy{gap:10px!important}
  .lux-showcase-copy h2{font-size:clamp(27px,2.6vw,36px)!important;line-height:1.15!important}
  .lux-showcase-copy p{font-size:13px!important;line-height:1.6!important}
  .lux-feature-list{gap:9px!important}
  .lux-feature-item{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding:11px 13px!important;border-radius:15px!important}
  .lux-feature-icon{width:42px!important;height:42px!important}
  .lux-feature-item strong{font-size:12px!important;margin-bottom:2px!important}
  .lux-feature-item span{font-size:12px!important;line-height:1.4!important}
  .lux-login-panel-wrap{display:grid!important;place-items:center!important}
  .lux-login-panel{
    width:min(540px,100%)!important;
    max-height:calc(100svh - 36px);
    overflow:auto;
    padding:28px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,var(--lux-auth-card),var(--lux-auth-card-2))!important;
    scrollbar-width:thin;
  }
  .lux-auth-heading{gap:9px!important;margin-bottom:19px!important}
  .lux-auth-heading h2{font-size:44px!important}
  .lux-auth-heading p{font-size:13px!important;line-height:1.55!important}
  .lux-auth-form{gap:12px!important}
  .lux-field{gap:6px!important}
  .lux-input-wrap{min-height:56px!important;border-radius:15px!important}
  .lux-input-wrap input{min-height:54px!important;font-size:15px!important}
  .lux-primary-btn,.lux-secondary-btn{min-height:54px!important;border-radius:15px!important;font-size:15px!important}
  .lux-button-stack{gap:10px!important}
  .lux-auth-note{margin-top:15px!important;padding:12px 14px!important}
  .lux-footer-links{margin-top:14px!important}
}

/* Join form: smaller left rail, matching surface, more compact wizard card. */
@media(min-width:1081px){
  .lux-join-page .registration-shell{
    width:min(1360px,100%)!important;
    max-width:1360px!important;
    margin:0 auto!important;
    padding:18px!important;
    grid-template-columns:minmax(270px,350px) minmax(0,930px)!important;
    gap:20px!important;
    background:transparent!important;
  }
  .lux-join-page .registration-intro{
    top:18px!important;
    min-height:calc(100svh - 36px)!important;
    max-height:calc(100svh - 36px)!important;
    padding:26px!important;
    border-radius:28px!important;
    overflow:auto!important;
    background:linear-gradient(180deg,var(--lux-auth-card),var(--lux-auth-card-2))!important;
    box-shadow:0 22px 65px rgba(0,0,0,.30),inset 0 0 0 1px var(--lux-auth-soft-line)!important;
    scrollbar-width:thin;
  }
  .lux-join-page .registration-intro::before{content:none!important}
  .lux-join-page .brand{
    margin:0 0 20px!important;
    gap:8px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .lux-join-page .brand img{max-width:170px!important;max-height:76px!important}
  .lux-join-page .brand span{width:62px!important;height:62px!important;font-size:34px!important}
  .lux-join-page .brand strong{font-size:22px!important;letter-spacing:.12em!important}
  .lux-join-page .registration-intro>small{font-size:10px!important;letter-spacing:.20em!important}
  .lux-join-page .registration-intro h1{font-size:clamp(28px,2.7vw,40px)!important;line-height:1.08!important;margin:12px 0!important}
  .lux-join-page .registration-intro>p{font-size:13px!important;line-height:1.6!important}
  .lux-join-page .privacy-note{margin-top:18px!important;padding:14px!important;border-radius:15px!important}
  .lux-join-page .privacy-note b{font-size:14px!important}
  .lux-join-page .privacy-note span{font-size:12px!important}
  .lux-join-page .registration-card{
    width:100%!important;
    max-width:930px!important;
    margin:0!important;
    padding:26px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,var(--lux-auth-card),var(--lux-auth-card-2))!important;
    box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
  }
  .lux-join-page .registration-wizard-header-v1810 h2{font-size:clamp(30px,3vw,42px)!important}
  .lux-join-page .registration-wizard-header-v1810 p{font-size:13px!important;line-height:1.55!important}
  .lux-join-page input,.lux-join-page select,.lux-join-page textarea{min-height:46px!important}
}
@media(max-width:1080px){
  html body.lux-login-page,html body.lux-join-page{background:linear-gradient(180deg,var(--lux-auth-page),var(--lux-auth-page-2))!important}
  .lux-join-page .brand{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:22px!important}
  .lux-login-showcase::before,.lux-login-showcase::after,.lux-login-panel,.lux-join-page .registration-intro,.lux-join-page .registration-card{background:linear-gradient(180deg,var(--lux-auth-card),var(--lux-auth-card-2))!important}
}