/* Vontarius standalone surfaces */
:root{
  --vs-bg:#05070c;--vs-surface:rgba(15,20,31,.84);--vs-surface2:#111827;
  --vs-line:rgba(255,255,255,.10);--vs-text:#f7f8fb;--vs-muted:#8d98aa;
  --vs-violet:#8b7cff;--vs-cyan:#43ddd5;--vs-warn:#f6bb55;
  --vs-shadow:0 32px 100px rgba(0,0,0,.48);
}
html{background:var(--vs-bg)}
body{
  color:var(--vs-text)!important;
  background:
    radial-gradient(circle at 12% -5%,rgba(139,124,255,.22),transparent 35rem),
    radial-gradient(circle at 92% 15%,rgba(67,221,213,.12),transparent 30rem),
    linear-gradient(145deg,#05070c,#080b12 46%,#06080e)!important;
  min-height:100vh;
}
body:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 48% 28%,#000 0,transparent 72%);
}
a,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.action,button[type="submit"]{
  border-radius:12px!important;border:1px solid var(--vs-line)!important;
  background:rgba(255,255,255,.045)!important;color:#eef1f7!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.action:hover,button[type="submit"]:hover{
  transform:translateY(-1px);border-color:rgba(139,124,255,.5)!important;
  background:rgba(139,124,255,.12)!important
}

/* Horizontal standalone command bar */
body:not(.auth-page) .topbar,
.person-page .topbar{
  position:sticky!important;top:0!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:76px!important;padding:12px clamp(16px,4vw,54px)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  border:0!important;border-bottom:1px solid var(--vs-line)!important;
  background:rgba(6,9,15,.78)!important;backdrop-filter:blur(28px)!important;box-shadow:none!important;z-index:90;
}
body:not(.auth-page) .brand,.person-page .brand{
  width:auto!important;min-height:48px!important;padding:5px 11px!important;
  border:1px solid rgba(139,124,255,.18)!important;border-radius:15px!important;
  background:linear-gradient(135deg,rgba(139,124,255,.12),rgba(67,221,213,.05))!important;
}
body:not(.auth-page) .brand-orbit,.person-page .brand-orbit{
  width:34px!important;height:34px!important;border-radius:11px!important;
  background:conic-gradient(from 210deg,var(--vs-violet),#5e55d4,var(--vs-cyan),var(--vs-violet))!important;
}
body:not(.auth-page) .brand-orbit:after,.person-page .brand-orbit:after{content:"V"!important;font-size:16px!important}

/* Login — centered access terminal */
.auth-shell{
  min-height:100vh!important;display:grid!important;place-items:center!important;
  padding:28px!important;position:relative;overflow:hidden;
}
.auth-shell:before,.auth-shell:after{
  content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;
}
.auth-shell:before{
  width:420px;height:420px;left:-160px;top:-140px;
  background:radial-gradient(circle,rgba(139,124,255,.23),transparent 68%);
}
.auth-shell:after{
  width:390px;height:390px;right:-140px;bottom:-170px;
  background:radial-gradient(circle,rgba(67,221,213,.14),transparent 70%);
}
.auth-card{
  width:min(460px,100%)!important;padding:34px!important;border-radius:28px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(145deg,rgba(16,21,33,.94),rgba(8,12,20,.92))!important;
  box-shadow:var(--vs-shadow)!important;backdrop-filter:blur(26px)!important;position:relative;z-index:2;
}
.auth-card .brand{display:inline-flex!important;gap:11px!important;align-items:center!important;margin-bottom:34px!important}
.auth-card .orbit{
  width:42px!important;height:42px!important;border-radius:13px!important;
  background:conic-gradient(from 200deg,var(--vs-violet),#5d53d0,var(--vs-cyan),var(--vs-violet))!important;
  box-shadow:0 0 36px rgba(139,124,255,.28)!important;position:relative!important;
}
.auth-card .orbit:after{content:"V";position:absolute;inset:0;display:grid;place-items:center;font-weight:950;color:white;font-size:19px}
.auth-card h1{font-size:clamp(38px,8vw,58px)!important;line-height:.92!important;letter-spacing:-.055em!important;margin:9px 0 17px!important}
.auth-card p{color:var(--vs-muted)!important;line-height:1.72!important}
.auth-card label{color:#b7c0cf!important}
.auth-card input{
  min-height:50px!important;border-radius:13px!important;background:#080c14!important;
  border:1px solid rgba(255,255,255,.105)!important;color:white!important;
}
.auth-card input:focus{outline:0!important;border-color:rgba(139,124,255,.75)!important;box-shadow:0 0 0 4px rgba(139,124,255,.11)!important}
.auth-card button[type="submit"]{
  min-height:52px!important;background:linear-gradient(135deg,#7669eb,#5b52c5)!important;
  box-shadow:0 12px 34px rgba(105,88,228,.28)!important;font-weight:850!important;
}
.auth-card .foot{color:#697487!important}

/* Title surface — editorial workspace */
.title-main{
  max-width:1680px!important;margin:auto!important;padding:34px clamp(16px,4vw,54px) 100px!important;
}
.title-hero{
  min-height:590px!important;border-radius:32px!important;border:1px solid var(--vs-line)!important;
  background:#0c111b!important;box-shadow:var(--vs-shadow)!important;
}
.title-hero-shade{
  background:
    linear-gradient(90deg,rgba(4,6,10,.98),rgba(4,6,10,.68) 46%,rgba(4,6,10,.10) 78%),
    linear-gradient(0deg,rgba(4,6,10,.94),transparent 55%)!important;
}
.title-hero-content{grid-template-columns:210px minmax(0,1fr)!important;padding:52px!important;gap:32px!important}
.title-poster{width:210px!important;border-radius:22px!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 28px 65px rgba(0,0,0,.48)!important}
.title-copy h1{font-size:clamp(48px,7vw,92px)!important;letter-spacing:-.065em!important;line-height:.87!important}
.title-copy>p{color:#bec6d4!important;font-size:14px!important;line-height:1.72!important}
.title-grid{gap:16px!important;margin-top:18px!important}
.title-panel{
  border:1px solid var(--vs-line)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(16,22,34,.92),rgba(9,13,21,.90))!important;
  box-shadow:0 16px 48px rgba(0,0,0,.17)!important;
}
.release-head{background:#0b101a!important}
.release-row{border-color:rgba(255,255,255,.06)!important}

/* Person surface */
.person-shell{max-width:1640px!important;margin:auto!important;padding:34px clamp(16px,4vw,54px) 100px!important}
.person-hero,.person-bio-card{
  border-radius:26px!important;border:1px solid var(--vs-line)!important;
  background:linear-gradient(145deg,rgba(16,22,34,.92),rgba(9,13,21,.90))!important;
  box-shadow:0 20px 64px rgba(0,0,0,.22)!important;
}
.person-page .media-card{border-color:rgba(255,255,255,.08)!important;background:#0e1420!important}

/* Invite/join surface */
.invite-shell,.join-shell{
  background:
    radial-gradient(circle at 20% 0,rgba(139,124,255,.19),transparent 30rem),
    radial-gradient(circle at 88% 90%,rgba(67,221,213,.11),transparent 28rem)!important;
}
.invite-card,.join-card{
  border-radius:28px!important;border:1px solid var(--vs-line)!important;
  background:linear-gradient(145deg,rgba(16,22,34,.95),rgba(8,12,20,.94))!important;
  box-shadow:var(--vs-shadow)!important;
}

/* Mobile */
@media(max-width:760px){
  body:not(.auth-page) .topbar,.person-page .topbar{height:66px!important;padding:8px 12px!important}
  body:not(.auth-page) .brand,.person-page .brand{min-height:45px!important}
  .title-main,.person-shell{padding:18px 11px 88px!important}
  .title-hero{min-height:520px!important;border-radius:23px!important}
  .title-hero-content{grid-template-columns:88px 1fr!important;padding:20px!important;gap:14px!important}
  .title-poster{width:88px!important;border-radius:14px!important}
  .title-copy h1{font-size:38px!important}
  .auth-shell{padding:14px!important}
  .auth-card{padding:25px 21px!important;border-radius:22px!important}
}
/* Horizon standalone v22 */
:root{
  --vs-bg:#050d10;--vs-surface:rgba(10,25,30,.88);--vs-surface2:#0e2228;
  --vs-line:rgba(126,221,204,.13);--vs-text:#f2f8f6;--vs-muted:#849b9b;
  --vs-violet:#28c7ad;--vs-cyan:#83e4d2;--vs-warn:#e5a35f;
}
html{background:#050d10}
body{
  background:
    radial-gradient(ellipse at 14% -8%,rgba(40,199,173,.18),transparent 34rem),
    radial-gradient(ellipse at 94% 18%,rgba(229,163,95,.085),transparent 28rem),
    linear-gradient(145deg,#050d10,#071418 48%,#050b0e)!important;
}
.action:hover,button[type="submit"]:hover{
  border-color:rgba(40,199,173,.48)!important;
  background:rgba(40,199,173,.10)!important;
}
button[type="submit"],.action.primary{
  background:linear-gradient(135deg,#29c5ad,#147f76 72%,#906942)!important;
  border-color:rgba(104,226,204,.27)!important;
  box-shadow:0 10px 30px rgba(29,164,146,.2)!important;
}
.auth-card,.standalone-shell,.title-shell,.person-shell,.invite-shell{
  border-color:rgba(126,221,204,.14)!important;
  background:
    linear-gradient(135deg,rgba(40,199,173,.035),transparent 34%),
    linear-gradient(155deg,rgba(11,28,33,.95),rgba(6,17,21,.95))!important;
}
.orbit,.standalone-mark{
  border-color:#28c7ad!important;
  box-shadow:0 0 28px rgba(40,199,173,.26)!important;
}
.orbit:after{background:#e5a35f!important;box-shadow:0 0 12px rgba(229,163,95,.55)!important}
.eyebrow,.brand em{color:#e5a35f!important}
input:focus,select:focus,textarea:focus{
  border-color:#28c7ad!important;box-shadow:0 0 0 3px rgba(40,199,173,.1)!important;
}
/* Vontarius Character Login v26 */
body.login-cinematic{
  margin:0!important;min-height:100dvh!important;position:relative!important;isolation:isolate;
  overflow-x:hidden!important;background:#050d10!important;color:#f4fbf9!important;
}
body.login-cinematic:before{
  content:""!important;position:fixed!important;inset:0!important;z-index:-3!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(3,9,12,.08) 0%,rgba(3,9,12,.02) 38%,rgba(3,9,12,.34) 68%,rgba(3,9,12,.68) 100%),
    url('/assets/vontarius-login-bg.webp') center center/cover no-repeat!important;
  opacity:1!important;filter:none!important;border-radius:0!important;width:auto!important;height:auto!important;
}
body.login-cinematic:after{
  content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;pointer-events:none!important;
  opacity:1!important;mask-image:none!important;
  background:
    radial-gradient(ellipse at 79% 49%,rgba(5,15,18,.06),rgba(5,15,18,.20) 30%,transparent 57%),
    linear-gradient(180deg,rgba(2,8,10,.12),transparent 22%,transparent 72%,rgba(2,8,10,.35))!important;
  background-size:auto!important;
}
.login-cinematic .auth-shell{
  min-height:100dvh!important;width:100%!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;place-items:unset!important;
  padding:max(22px,env(safe-area-inset-top)) clamp(22px,5vw,82px) max(22px,env(safe-area-inset-bottom)) clamp(22px,4vw,64px)!important;
  overflow:visible!important;position:relative!important;
}
.login-cinematic .auth-shell:before,.login-cinematic .auth-shell:after{display:none!important}
.login-cinematic .auth-card{
  width:min(455px,42vw)!important;margin:0 clamp(0px,2vw,34px) 0 0!important;padding:32px 32px 28px!important;
  border-radius:28px!important;border:1px solid rgba(114,229,207,.20)!important;
  background:
    linear-gradient(145deg,rgba(14,32,37,.82),rgba(5,15,18,.90))!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.46),
    0 0 0 1px rgba(229,163,95,.035) inset,
    0 1px rgba(255,255,255,.045) inset!important;
  backdrop-filter:blur(22px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(118%)!important;
  position:relative!important;overflow:hidden!important;
}
.login-cinematic .auth-card:before{
  content:"";position:absolute;left:24px;right:24px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#28c7ad,#e5a35f,transparent);opacity:.68;
}
.login-cinematic .auth-card .brand{
  display:inline-flex!important;margin:0 0 25px!important;padding:7px 10px 7px 8px!important;border-radius:13px!important;
  border:1px solid rgba(114,229,207,.13)!important;background:rgba(3,12,15,.30)!important;
}
.login-cinematic .auth-card .orbit{
  width:34px!important;height:34px!important;border-radius:11px!important;
  background:linear-gradient(145deg,#2bd0b4,#137c74 68%,#b97d47)!important;
}
.login-cinematic .auth-card .brand b{font-size:11px!important;letter-spacing:.16em!important}
.login-cinematic .auth-card .brand em{font-size:8px!important;color:#e5a35f!important;letter-spacing:.18em!important}
.login-cinematic .eyebrow{color:#83e4d2!important;letter-spacing:.19em!important;font-size:9px!important}
.login-cinematic .auth-card h1{
  margin:9px 0 13px!important;font-size:clamp(38px,4vw,54px)!important;letter-spacing:-.05em!important;
  text-shadow:0 3px 24px rgba(0,0,0,.38);
}
.login-cinematic .auth-card p{max-width:40ch!important;color:#a9bcba!important;line-height:1.62!important;margin-bottom:23px!important}
.login-cinematic .auth-card form{gap:13px!important}
.login-cinematic .auth-card label{font-size:9px!important;color:#a6bab8!important;letter-spacing:.10em!important;text-transform:uppercase}
.login-cinematic .auth-card input{
  min-height:50px!important;border-radius:13px!important;
  background:rgba(3,12,15,.62)!important;border:1px solid rgba(130,224,207,.15)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
.login-cinematic .auth-card input:focus{
  border-color:rgba(40,199,173,.78)!important;box-shadow:0 0 0 4px rgba(40,199,173,.10)!important;
}
.login-cinematic .auth-card button[type="submit"]{
  min-height:52px!important;margin-top:4px!important;border-radius:13px!important;
  background:linear-gradient(135deg,#2ac6ad,#157e76 68%,#8e673f)!important;
  box-shadow:0 13px 35px rgba(24,151,136,.24)!important;
}
.login-cinematic .auth-card .foot{margin-top:18px!important;padding-top:15px!important;color:#718886!important}
@media(max-width:980px){
  body.login-cinematic:before{
    background:
      linear-gradient(180deg,rgba(3,9,12,.04) 0%,rgba(3,9,12,.12) 48%,rgba(3,9,12,.78) 100%),
      url('/assets/vontarius-login-bg.webp') 36% center/cover no-repeat!important;
  }
  .login-cinematic .auth-shell{
    align-items:flex-end!important;justify-content:center!important;
    padding:clamp(18px,5vh,54px) 16px max(16px,env(safe-area-inset-bottom))!important;
  }
  .login-cinematic .auth-card{
    width:min(600px,100%)!important;margin:0!important;padding:24px 24px 21px!important;
    background:linear-gradient(160deg,rgba(9,27,31,.84),rgba(4,13,16,.94))!important;
  }
  .login-cinematic .auth-card .brand{margin-bottom:16px!important}
  .login-cinematic .auth-card h1{font-size:38px!important;margin-bottom:10px!important}
  .login-cinematic .auth-card p{margin-bottom:16px!important;font-size:12px!important}
}
@media(max-width:560px){
  body.login-cinematic:before{
    background:
      linear-gradient(180deg,rgba(2,8,10,.05) 0%,rgba(2,8,10,.10) 38%,rgba(2,8,10,.82) 68%,rgba(2,8,10,.96) 100%),
      url('/assets/vontarius-login-bg.webp') 31% top/auto 61vh no-repeat!important;
  }
  .login-cinematic .auth-shell{padding:42vh 10px max(10px,env(safe-area-inset-bottom))!important}
  .login-cinematic .auth-card{padding:20px 17px 16px!important;border-radius:21px!important}
  .login-cinematic .auth-card .brand{display:none!important}
  .login-cinematic .auth-card h1{font-size:33px!important}
  .login-cinematic .auth-card p{font-size:11px!important;line-height:1.52!important;margin-bottom:13px!important}
  .login-cinematic .auth-card input{min-height:47px!important}
  .login-cinematic .auth-card button[type="submit"]{min-height:49px!important}
  .login-cinematic .auth-card .foot{margin-top:12px!important;padding-top:11px!important}
}
@media(max-height:640px) and (min-width:700px){
  .login-cinematic .auth-card{padding:22px 25px 18px!important}
  .login-cinematic .auth-card .brand{margin-bottom:14px!important}
  .login-cinematic .auth-card h1{font-size:37px!important}
  .login-cinematic .auth-card p{margin-bottom:13px!important}
}/* Vontarius Responsive Login v27 */
body.login-cinematic{
  min-height:100dvh!important;
  background:#050d10!important;
}
body.login-cinematic:before{
  background:
    linear-gradient(90deg,rgba(3,9,12,.03),rgba(3,9,12,.01) 55%,rgba(3,9,12,.24) 100%),
    url('/assets/vontarius-login-bg.webp') center center/contain no-repeat!important;
  background-color:#050d10!important;
}
.login-cinematic .auth-shell{
  width:100%!important;max-width:none!important;min-height:100dvh!important;
  box-sizing:border-box!important;
}
.login-cinematic .auth-card{
  box-sizing:border-box!important;
}

/* PC / laptop / TV landscape: preserve the complete 16:9 artwork */
@media (orientation:landscape) and (min-width:1201px){
  .login-cinematic .auth-shell{
    align-items:center!important;justify-content:flex-end!important;
    padding:clamp(20px,3vh,42px) clamp(30px,4.5vw,92px)!important;
  }
  .login-cinematic .auth-card{
    width:clamp(390px,28.5vw,500px)!important;
    margin:0!important;
  }
}

/* Large TV / 1080p+ */
@media (orientation:landscape) and (min-width:1600px) and (min-height:850px){
  .login-cinematic .auth-card{
    width:500px!important;padding:36px 36px 31px!important;border-radius:30px!important;
  }
  .login-cinematic .auth-card h1{font-size:52px!important}
  .login-cinematic .auth-card input{min-height:54px!important}
  .login-cinematic .auth-card button[type="submit"]{min-height:55px!important}
}

/* Tablet landscape / small laptop */
@media (orientation:landscape) and (min-width:700px) and (max-width:1200px) and (min-height:601px){
  body.login-cinematic:before{
    background:
      linear-gradient(90deg,rgba(3,9,12,.02),rgba(3,9,12,.02) 56%,rgba(3,9,12,.30) 100%),
      url('/assets/vontarius-login-bg.webp') center center/contain no-repeat!important;
  }
  .login-cinematic .auth-shell{
    align-items:center!important;justify-content:flex-end!important;
    padding:20px clamp(20px,3vw,38px)!important;
  }
  .login-cinematic .auth-card{
    width:clamp(340px,37vw,400px)!important;margin:0!important;padding:22px 23px 19px!important;
    border-radius:23px!important;
  }
  .login-cinematic .auth-card .brand{margin-bottom:13px!important}
  .login-cinematic .auth-card h1{font-size:36px!important;margin:6px 0 8px!important}
  .login-cinematic .auth-card p{font-size:11px!important;line-height:1.45!important;margin-bottom:12px!important}
  .login-cinematic .auth-card form{gap:9px!important}
  .login-cinematic .auth-card input{min-height:45px!important}
  .login-cinematic .auth-card button[type="submit"]{min-height:47px!important}
  .login-cinematic .auth-card .foot{margin-top:10px!important;padding-top:10px!important}
}

/* Portrait tablet + phone: full artwork first, credentials beneath it */
@media (orientation:portrait) and (max-width:900px){
  body.login-cinematic{
    display:block!important;
    overflow-y:auto!important;
  }
  body.login-cinematic:before{
    position:absolute!important;
    top:0!important;left:0!important;right:0!important;bottom:auto!important;
    width:100%!important;height:56.28vw!important;
    max-height:none!important;
    background:
      linear-gradient(180deg,rgba(2,8,10,.00) 0%,rgba(2,8,10,.00) 70%,rgba(5,13,16,.26) 100%),
      url('/assets/vontarius-login-bg.webp') center top/100% auto no-repeat!important;
    background-color:#050d10!important;
  }
  body.login-cinematic:after{
    position:absolute!important;
    top:0!important;height:56.28vw!important;bottom:auto!important;
    background:linear-gradient(180deg,transparent 65%,#050d10 100%)!important;
  }
  .login-cinematic .auth-shell{
    display:flex!important;align-items:flex-start!important;justify-content:center!important;
    min-height:100dvh!important;
    padding:calc(56.28vw + 14px) 14px max(16px,env(safe-area-inset-bottom))!important;
  }
  .login-cinematic .auth-card{
    width:min(620px,100%)!important;margin:0!important;
    padding:25px 26px 22px!important;border-radius:24px!important;
    background:linear-gradient(160deg,rgba(10,29,34,.94),rgba(4,13,16,.98))!important;
    backdrop-filter:blur(15px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(15px) saturate(112%)!important;
  }
  .login-cinematic .auth-card .brand{display:none!important}
  .login-cinematic .auth-card h1{font-size:40px!important;margin:4px 0 10px!important}
  .login-cinematic .auth-card p{font-size:12px!important;line-height:1.5!important;margin-bottom:15px!important}
  .login-cinematic .auth-card form{gap:11px!important}
  .login-cinematic .auth-card input{min-height:49px!important}
  .login-cinematic .auth-card button[type="submit"]{min-height:51px!important}
  .login-cinematic .auth-card .foot{margin-top:13px!important;padding-top:12px!important}
}

/* Narrow phones */
@media (orientation:portrait) and (max-width:560px){
  .login-cinematic .auth-shell{
    padding:calc(56.28vw + 9px) 9px max(9px,env(safe-area-inset-bottom))!important;
  }
  .login-cinematic .auth-card{
    padding:17px 16px 14px!important;border-radius:20px!important;
  }
  .login-cinematic .eyebrow{font-size:8px!important}
  .login-cinematic .auth-card h1{font-size:31px!important;margin:3px 0 7px!important}
  .login-cinematic .auth-card p{font-size:10.5px!important;line-height:1.42!important;margin-bottom:10px!important}
  .login-cinematic .auth-card form{gap:8px!important}
  .login-cinematic .auth-card label{font-size:8px!important}
  .login-cinematic .auth-card input{min-height:44px!important}
  .login-cinematic .auth-card button[type="submit"]{min-height:46px!important}
  .login-cinematic .auth-card .foot{margin-top:9px!important;padding-top:8px!important;font-size:8px!important}
}

/* Very short phone landscape: compact overlay, never crop the artwork */
@media (orientation:landscape) and (max-height:600px){
  body.login-cinematic{overflow-y:auto!important}
  body.login-cinematic:before{
    background:
      linear-gradient(90deg,rgba(3,9,12,.02),rgba(3,9,12,.02) 55%,rgba(3,9,12,.36) 100%),
      url('/assets/vontarius-login-bg.webp') center center/contain no-repeat!important;
  }
  .login-cinematic .auth-shell{
    align-items:center!important;justify-content:flex-end!important;
    min-height:100dvh!important;padding:8px 16px!important;
  }
  .login-cinematic .auth-card{
    width:min(360px,43vw)!important;margin:0!important;padding:12px 16px 11px!important;border-radius:18px!important;
  }
  .login-cinematic .auth-card .brand,.login-cinematic .auth-card p{display:none!important}
  .login-cinematic .eyebrow{font-size:7px!important}
  .login-cinematic .auth-card h1{font-size:28px!important;margin:3px 0 7px!important}
  .login-cinematic .auth-card form{gap:6px!important}
  .login-cinematic .auth-card label{font-size:7px!important}
  .login-cinematic .auth-card input{min-height:39px!important}
  .login-cinematic .auth-card button[type="submit"]{min-height:41px!important;margin-top:1px!important}
  .login-cinematic .auth-card .foot{margin-top:6px!important;padding-top:6px!important;font-size:7px!important}
}
/* v27.1 large portrait tablet fix */
@media (orientation:portrait) and (min-width:901px) and (max-width:1200px){
  body.login-cinematic{display:block!important;overflow-y:auto!important}
  body.login-cinematic:before{
    position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;
    width:100%!important;height:56.28vw!important;
    background:
      linear-gradient(180deg,rgba(2,8,10,0) 0%,rgba(2,8,10,0) 72%,rgba(5,13,16,.25) 100%),
      url('/assets/vontarius-login-bg.webp') center top/100% auto no-repeat!important;
    background-color:#050d10!important;
  }
  body.login-cinematic:after{
    position:absolute!important;top:0!important;height:56.28vw!important;bottom:auto!important;
    background:linear-gradient(180deg,transparent 66%,#050d10 100%)!important;
  }
  .login-cinematic .auth-shell{
    display:flex!important;align-items:flex-start!important;justify-content:center!important;
    min-height:100dvh!important;
    padding:calc(56.28vw + 18px) 24px max(22px,env(safe-area-inset-bottom))!important;
  }
  .login-cinematic .auth-card{
    width:min(660px,100%)!important;margin:0!important;padding:28px 30px 25px!important;
    border-radius:26px!important;
    background:linear-gradient(160deg,rgba(10,29,34,.94),rgba(4,13,16,.98))!important;
  }
  .login-cinematic .auth-card .brand{display:none!important}
  .login-cinematic .auth-card h1{font-size:43px!important;margin:4px 0 10px!important}
}
/* Vontarius Live Motion Login v28 */
.login-art-mask{
  position:fixed;inset:0 0 0 auto;width:43vw;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,13,16,0),rgba(5,13,16,.70) 34%,rgba(5,13,16,.94) 74%,#050d10 100%);
}
#vontariusMotion{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  display:block;mix-blend-mode:screen;opacity:.86;
}
.login-cinematic .auth-shell{z-index:2!important}
body.login-cinematic:before{
  animation:vontarius-bg-breathe 15s ease-in-out infinite alternate!important;
  transform-origin:38% 46%;
  will-change:transform,filter;
}
@keyframes vontarius-bg-breathe{
  0%{transform:scale(1.000) translate3d(0,0,0);filter:saturate(1) brightness(1)}
  45%{transform:scale(1.012) translate3d(-.22%,.08%,0);filter:saturate(1.045) brightness(1.018)}
  100%{transform:scale(1.021) translate3d(.18%,-.12%,0);filter:saturate(1.075) brightness(1.028)}
}
.login-cinematic .auth-card{
  box-shadow:
    0 36px 100px rgba(0,0,0,.50),
    0 0 42px rgba(40,199,173,.055),
    0 0 0 1px rgba(229,163,95,.035) inset,
    0 1px rgba(255,255,255,.05) inset!important;
}
.login-cinematic .auth-card:after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(94,255,227,.07) 44%,transparent 62%);
  transform:translateX(-115%);animation:vontarius-card-sheen 7s ease-in-out infinite;
}
@keyframes vontarius-card-sheen{
  0%,60%{transform:translateX(-115%);opacity:0}
  70%{opacity:1} 90%{transform:translateX(115%);opacity:.65} 100%{transform:translateX(115%);opacity:0}
}
@media (orientation:portrait) and (max-width:1200px){
  .login-art-mask{
    position:absolute;top:0;right:0;bottom:auto;width:43%;height:56.28vw;
    background:linear-gradient(90deg,rgba(5,13,16,0),rgba(5,13,16,.42) 35%,rgba(5,13,16,.82) 78%,#050d10 100%);
  }
  #vontariusMotion{position:absolute;height:56.28vw!important}
  body.login-cinematic:before{transform-origin:center top}
}
@media (orientation:landscape) and (max-height:600px){
  .login-art-mask{width:45vw}
}
@media (prefers-reduced-motion:reduce){
  body.login-cinematic:before{animation:none!important;transform:none!important}
  #vontariusMotion{display:none!important}
  .login-cinematic .auth-card:after{display:none!important}
}