/* ==========================================================
   VEXMIRA v2.7.4 — Brand & Auth Polish
   Removes internal/technical naming from the public UI, gives the
   home hero a clean VEXMIRA identity and rebuilds the auth emblem.
   ========================================================== */
html.vx94-ready .vx91-nexus-label{display:none!important}
html.vx94-ready .vx90-hero-visual{isolation:isolate!important}

/* --- Main brand seal: no CORE/NEXUS terminology --- */
html.vx94-ready .vx91-prism-wrap{width:auto!important;height:auto!important;filter:none!important;animation:none!important;transform:none!important;z-index:5!important}
.vx94-brand-seal{position:relative;width:184px;height:184px;border-radius:50%;display:grid;place-items:center;isolation:isolate;
  background:radial-gradient(circle at 50% 38%,rgba(151,111,255,.26),rgba(18,21,54,.96) 44%,rgba(5,8,22,.99) 76%);
  border:1px solid rgba(151,128,255,.56);box-shadow:0 0 0 8px rgba(115,78,255,.055),0 0 0 18px rgba(52,213,255,.025),0 0 56px rgba(72,98,255,.22),0 30px 70px -44px #000;overflow:hidden}
.vx94-brand-seal::before{content:"";position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(63,220,255,.24);box-shadow:inset 0 0 30px rgba(65,202,255,.055)}
.vx94-brand-seal::after{content:"";position:absolute;width:75%;height:180%;left:-85%;top:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(16deg);animation:vx94SealSweep 8.5s ease-in-out infinite;pointer-events:none}
.vx94-brand-seal svg{width:122px;height:122px;position:relative;z-index:2;filter:drop-shadow(0 0 18px rgba(108,116,255,.34))}
.vx94-brand-word{position:absolute;z-index:3;left:50%;bottom:24px;translate:-50% 0;font:900 7px/1 'JetBrains Mono',monospace;letter-spacing:.30em;color:#dbe6ff;white-space:nowrap;text-shadow:0 0 16px rgba(88,215,255,.22)}
@keyframes vx94SealSweep{0%,70%,100%{left:-85%;opacity:0}80%{opacity:.7}92%{left:125%;opacity:0}}

/* --- Hero callouts: clean public labels, no collisions --- */
html.vx94-ready .vx90-float-card{width:174px!important;min-height:62px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(12,16,37,.96),rgba(7,9,23,.95))!important;border:1px solid rgba(142,116,255,.22)!important;box-shadow:0 20px 46px -34px #000,inset 0 1px rgba(255,255,255,.04)!important}
html.vx94-ready .vx90-float-card.one{left:1%!important;right:auto!important;top:18%!important;bottom:auto!important}
html.vx94-ready .vx90-float-card.two{right:0!important;left:auto!important;top:22%!important;bottom:auto!important}
html.vx94-ready .vx90-float-card.three{left:4%!important;right:auto!important;bottom:5%!important;top:auto!important}
html.vx94-ready .vx90-float-card.three::after{left:auto!important;right:-24px!important;transform:none!important}
html.vx94-ready .vx90-float-card b{font-weight:850!important;letter-spacing:-.01em!important}
html.vx94-ready .vx90-float-card small{color:#7f8aa9!important}

/* --- Auth: use the same precise brand language as the rest of the site --- */
html.vx94-ready #modal-auth .vx93-auth-logo-wrap{width:164px!important;height:164px!important;margin:16px auto 18px!important;display:grid!important;place-items:center!important;justify-self:center!important;align-self:center!important}
html.vx94-ready #modal-auth .vx93-auth-logo-wrap::before{inset:0!important;border:1px solid rgba(74,219,255,.24)!important;border-radius:50%!important;box-shadow:0 0 0 12px rgba(126,80,255,.035),0 0 0 34px rgba(77,212,255,.012),0 0 54px rgba(86,84,255,.18)!important;animation:vx94AuthRing 16s linear infinite!important}
html.vx94-ready #modal-auth .vx93-auth-logo-wrap::after{content:"";position:absolute;inset:24px;border-radius:50%;border:1px dashed rgba(158,117,255,.20);animation:vx94AuthRing 22s linear infinite reverse;pointer-events:none}
html.vx94-ready #modal-auth .vx93-auth-logo{width:122px!important;height:122px!important;border-radius:50%!important;border:1px solid rgba(158,133,255,.52)!important;background:radial-gradient(circle at 48% 35%,rgba(143,98,255,.28),#111530 52%,#070a1b 100%)!important;box-shadow:0 0 0 7px rgba(119,78,255,.055),0 25px 58px -34px #000,inset 0 1px rgba(255,255,255,.12)!important;transform:none!important;overflow:hidden!important}
html.vx94-ready #modal-auth .vx93-auth-logo::before{inset:10px!important;border-radius:50%!important;border:1px solid rgba(59,219,255,.19)!important}
html.vx94-ready #modal-auth .vx93-auth-logo::after{content:"";position:absolute;width:52%;height:180%;left:-80%;top:-42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(14deg);animation:vx94AuthSweep 7.5s ease-in-out infinite}
html.vx94-ready #modal-auth .vx93-auth-logo svg{width:88px!important;height:88px!important;filter:drop-shadow(0 0 18px rgba(111,120,255,.34))!important}
html.vx94-ready #modal-auth .vx74-auth-guardian{grid-template-rows:auto auto 1fr!important;padding:2px 4px 6px!important;overflow:visible!important}
html.vx94-ready #modal-auth .vx74-auth-brand{justify-self:start!important}
html.vx94-ready #modal-auth .vx74-auth-brand b{font-size:9px!important;letter-spacing:.22em!important}
html.vx94-ready #modal-auth .vx74-auth-brand small{font-size:5.5px!important;letter-spacing:.16em!important}
html.vx94-ready #modal-auth .vx74-auth-copy{align-self:end!important;padding-bottom:4px!important}
html.vx94-ready #modal-auth .vx74-auth-copy>span{font-size:6px!important;color:#72dfff!important;letter-spacing:.21em!important}
html.vx94-ready #modal-auth .vx74-auth-copy h3{margin-top:9px!important;font-size:27px!important;line-height:1.02!important;max-width:310px!important}
html.vx94-ready #modal-auth .vx74-auth-copy p{font-size:8.5px!important;max-width:290px!important;color:#909ab7!important}
html.vx94-ready #modal-auth .vx74-auth-tags{margin-top:13px!important}
html.vx94-ready #modal-auth .vx74-auth-tags i{padding:6px 9px!important;background:rgba(255,255,255,.025)!important}
@keyframes vx94AuthRing{to{transform:rotate(360deg)}}
@keyframes vx94AuthSweep{0%,68%,100%{left:-80%;opacity:0}78%{opacity:.7}92%{left:130%;opacity:0}}

/* --- Mobile: keep the brand scene compact and never let decorative UI collide --- */
@media(max-width:900px){
  html.vx94-ready .vx90-float-card{display:none!important}
  html.vx94-ready .vx94-brand-seal{width:156px;height:156px}
  html.vx94-ready .vx94-brand-seal svg{width:104px;height:104px}
  html.vx94-ready .vx94-brand-word{bottom:20px;font-size:6.5px}
}
@media(max-width:820px){
  html.vx94-ready #modal-auth .auth-aside{display:none!important}
  html.vx94-ready #modal-auth .auth-modal{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  html.vx94-ready .vx90-hero-visual{height:300px!important}
  html.vx94-ready .vx91-nexus{transform:scale(.74)!important}
  html.vx94-ready .vx94-brand-seal{width:150px;height:150px}
}
@media(prefers-reduced-motion:reduce){.vx94-brand-seal::after,html.vx94-ready #modal-auth .vx93-auth-logo-wrap::before,html.vx94-ready #modal-auth .vx93-auth-logo-wrap::after,html.vx94-ready #modal-auth .vx93-auth-logo::after{animation:none!important}}
