/* RxCloud CyberLab — unified identity gateway */
:root{
  --rxa-page:#03070c;
  --rxa-panel:#09151f;
  --rxa-panel-2:#0d1d29;
  --rxa-line:rgba(187,224,239,.13);
  --rxa-line-cyan:rgba(66,230,255,.34);
  --rxa-text:#f1f8fc;
  --rxa-text-2:#b4c8d2;
  --rxa-text-3:#8299a5;
  --rxa-cyan:#42e6ff;
  --rxa-cyan-2:#8cf2ff;
  --rxa-cyan-soft:rgba(66,230,255,.10);
  --rxa-green:#3ee9a9;
  --rxa-red:#ff718b;
  --rxa-amber:#ffc56f;
  --rxa-sans:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  --rxa-mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;
}

html{color-scheme:dark}
body.rx-auth-2026{
  min-width:320px;
  min-height:100svh;
  margin:0!important;
  padding:72px 24px 0!important;
  display:block!important;
  color:var(--rxa-text)!important;
  background:
    radial-gradient(800px 520px at 12% 16%,rgba(23,177,218,.10),transparent 68%),
    radial-gradient(720px 540px at 88% 85%,rgba(23,177,218,.07),transparent 70%),
    linear-gradient(145deg,#07131d,var(--rxa-page) 45%,#020509)!important;
  font:400 16px/1.6 var(--rxa-sans)!important;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  overflow-y:auto;
}

.rx-auth-2026 *,
.rx-auth-2026 *::before,
.rx-auth-2026 *::after{box-sizing:border-box}
.rx-auth-2026,
.rx-auth-2026 *{cursor:auto!important}
.rx-auth-2026 :is(a,button,label[for]){cursor:pointer!important}
.rx-auth-2026 #rx-cursor,
.rx-auth-2026 .rx-cursor-trail{display:none!important}
.rx-auth-2026 :focus-visible{outline:2px solid var(--rxa-cyan)!important;outline-offset:3px}
.rx-auth-2026 ::selection{color:#031419;background:var(--rxa-cyan)}
.rx-auth-2026 #rx-bg-canvas{opacity:.48!important}
.rx-auth-2026 :is(.aura-bg,.core-pulse){opacity:.16!important}
.rx-auth-2026 .rx-grid-bg{opacity:.25!important}
.rx-auth-2026 .rx-scanlines{opacity:.025!important}

.rx-auth-skip{
  position:fixed;z-index:1200;left:18px;top:14px;
  padding:9px 13px;border-radius:9px;color:#031419;background:var(--rxa-cyan);
  text-decoration:none;transform:translateY(-160%);transition:transform .2s ease;
}
.rx-auth-skip:focus{transform:none}

.rx-auth-topbar{
  position:fixed;z-index:100;inset:0 0 auto;
  min-height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  border-bottom:1px solid var(--rxa-line);
  background:rgba(3,9,14,.88);
  box-shadow:0 12px 42px rgba(0,0,0,.25);
  backdrop-filter:blur(20px) saturate(135%);
}
.rx-auth-brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}
.rx-auth-brand img{
  width:40px;height:40px;padding:4px;object-fit:contain;
  border:1px solid rgba(66,230,255,.22);border-radius:10px;
  background:linear-gradient(145deg,rgba(66,230,255,.10),rgba(255,255,255,.015));
}
.rx-auth-brand span{display:flex;flex-direction:column;line-height:1}
.rx-auth-brand strong{font-size:15px;font-weight:680;letter-spacing:-.02em}
.rx-auth-brand small{margin-top:5px;color:var(--rxa-cyan);font:600 10px/1 var(--rxa-mono);letter-spacing:.15em;text-transform:uppercase}
.rx-auth-topbar__actions{display:flex;align-items:center;gap:18px}
.rx-auth-topbar__status{display:flex;align-items:center;gap:8px;color:#aef3d9;font:550 11px/1 var(--rxa-mono);text-transform:uppercase;letter-spacing:.06em}
.rx-auth-topbar__status i{width:6px;height:6px;border-radius:50%;background:var(--rxa-green);box-shadow:0 0 9px rgba(62,233,169,.72)}
.rx-auth-back{
  min-height:39px;padding:0 13px;display:inline-flex;align-items:center;gap:9px;
  border:1px solid var(--rxa-line);border-radius:10px;color:var(--rxa-text-2);
  background:rgba(255,255,255,.025);font-size:13px;font-weight:580;text-decoration:none;
}
.rx-auth-back:hover{color:var(--rxa-text);border-color:var(--rxa-line-cyan);background:var(--rxa-cyan-soft)}

.rx-auth-2026 .logo-center{
  position:relative!important;z-index:2!important;
  width:min(1180px,100%)!important;
  height:auto!important;min-height:calc(100svh - 72px)!important;
  margin:0 auto!important;padding:clamp(20px,3.5svh,40px) 0!important;
  display:grid!important;
  grid-template-columns:minmax(340px,.95fr) minmax(440px,1.05fr)!important;
  align-items:center!important;align-content:center!important;justify-content:center!important;
  gap:clamp(38px,5vw,72px)!important;
}

.rx-auth-2026 .logo-center>div:first-child{
  position:relative;min-height:clamp(500px,62svh,640px);padding:42px 18px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;user-select:none;
  background:radial-gradient(circle at 50% 46%,rgba(66,230,255,.10),rgba(66,230,255,.025) 34%,transparent 67%);
}
.rx-auth-2026 .logo-center>div:first-child::before{
  content:"SECURE IDENTITY GATEWAY";
  order:-1;margin-bottom:24px;color:var(--rxa-cyan);
  font:600 11px/1 var(--rxa-mono);letter-spacing:.14em;text-transform:uppercase;
}
.rx-auth-2026 .logo-center>div:first-child::after{
  content:"Authenticated access to isolated labs, private telemetry and behavioral intelligence.";
  max-width:420px;margin-top:24px;padding-top:24px;border-top:1px solid var(--rxa-line);
  color:var(--rxa-text-2);font-size:15px;line-height:1.75;
}
.rx-auth-2026 .logo-center>div:first-child>img{
  width:clamp(300px,28vw,390px)!important;height:auto!important;max-width:100%!important;margin:0 0 12px!important;
  object-fit:contain;
  filter:drop-shadow(0 0 30px rgba(66,230,255,.24)) drop-shadow(0 20px 45px rgba(0,0,0,.28))!important;
}
.rx-auth-2026 .logo-center>div:first-child>div:first-of-type{
  display:none!important;
}
.rx-auth-2026 .logo-center>div:first-child>div:nth-of-type(2){
  margin-top:4px!important;color:var(--rxa-text-2)!important;
  font-size:15px!important;line-height:1.55!important;
}

.rx-auth-2026 .logo-center>.card{
  position:relative!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:36px!important;
  border:1px solid var(--rxa-line-cyan)!important;border-radius:24px!important;
  color:var(--rxa-text)!important;
  background:
    radial-gradient(480px 260px at 0 0,rgba(66,230,255,.07),transparent 70%),
    linear-gradient(155deg,rgba(15,31,43,.96),rgba(4,10,16,.97))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  text-align:left!important;
}
.rx-auth-2026 .logo-center>.card::before{
  content:"RX / AUTH";position:absolute;right:24px;top:22px;color:var(--rxa-text-3);
  font:550 10px/1 var(--rxa-mono);letter-spacing:.10em;
}
.rx-auth-2026 .logo-center>.card::after{display:none!important}
.rx-auth-2026 .logo-center>.card :is(h1,h2,h3){
  margin:0 0 13px!important;color:var(--rxa-text)!important;
  font-size:clamp(26px,2.4vw,34px)!important;font-weight:590!important;
  line-height:1.15!important;letter-spacing:-.035em!important;text-shadow:none!important;
}
.rx-auth-2026 .logo-center>.card>p{margin:0 0 22px!important;color:var(--rxa-text-2)!important;font-size:14px!important;line-height:1.75!important}

.rx-auth-2026 .logo-center>.card form{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.rx-auth-2026 .logo-center>.card label,
.rx-auth-2026 .rx-auth-field>span{
  margin:0!important;color:var(--rxa-text-2)!important;
  font-size:14px!important;font-weight:620!important;line-height:1.25!important;
}
.rx-auth-field{display:grid;gap:7px}
.rx-auth-2026 .form-row{display:grid!important;gap:7px!important;margin:0!important}
.rx-auth-2026 .logo-center>.card :is(.input,input:not([type="hidden"]):not([type="checkbox"]):not([type="submit"])){
  width:100%!important;min-height:52px!important;margin:0!important;padding:0 15px!important;
  border:1px solid var(--rxa-line)!important;border-radius:12px!important;
  color:var(--rxa-text)!important;background:rgba(1,7,11,.56)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  font:500 15px/1 var(--rxa-sans)!important;
}
.rx-auth-2026 .logo-center>.card input::placeholder{color:#728a97!important;opacity:1}
.rx-auth-2026 .logo-center>.card input:focus{
  outline:0!important;border-color:rgba(66,230,255,.58)!important;
  box-shadow:0 0 0 3px rgba(66,230,255,.08)!important;
}
.rx-auth-2026 .logo-center>.card .btn{
  min-height:52px!important;padding:0 18px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(142,245,255,.70)!important;border-radius:12px!important;
  color:#031419!important;
  background:linear-gradient(135deg,var(--rxa-cyan-2),var(--rxa-cyan) 58%,#20c7e9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 10px 28px rgba(34,202,234,.13)!important;
  font-size:14px!important;font-weight:680!important;text-decoration:none!important;text-shadow:none!important;
}
.rx-auth-2026 .logo-center>.card .btn:hover{transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 14px 34px rgba(34,202,234,.22)!important}
.rx-auth-2026 .logo-center>.card .btn:disabled{cursor:not-allowed!important;filter:grayscale(.4) opacity(.62)!important;transform:none!important}

.rx-auth-2026 .row-actions{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,auto)!important;gap:8px!important;align-items:center!important}
.rx-auth-2026 .row-actions .btn-mini{
  min-height:52px!important;padding:0 13px!important;border:1px solid rgba(142,245,255,.70)!important;border-radius:10px!important;
  color:#031419!important;background:linear-gradient(135deg,var(--rxa-cyan-2),var(--rxa-cyan) 58%,#20c7e9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 8px 22px rgba(34,202,234,.14)!important;
  font-size:12px!important;font-weight:680!important;
}
.rx-auth-2026 .row-actions .btn-mini:hover{
  color:#031419!important;border-color:#c5faff!important;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 12px 28px rgba(34,202,234,.24)!important;
}
.rx-auth-2026 .strength{width:max-content!important;min-height:27px!important;margin:0!important;font-size:11px!important}
.rx-auth-2026 .hint{color:var(--rxa-text-3)!important;font-size:12px!important;line-height:1.55!important}
.rx-auth-register .rx-hcaptcha-shell{width:303px;height:78px;max-width:100%;justify-self:start;overflow:visible}
.rx-auth-2026.rx-auth-register .h-captcha{width:303px;max-width:none;overflow:visible;transform-origin:top left}

.rx-auth-2026 :is(.rp-links,.fp-links,.resend-links){margin:13px 0 0!important;color:var(--rxa-text-3)!important;font-size:14px!important}
.rx-auth-2026 :is(.rp-links,.fp-links,.resend-links) a,
.rx-auth-2026 .logo-center>.card a:not(.btn){color:var(--rxa-cyan)!important;text-decoration:none!important}
.rx-auth-2026 :is(.rp-links,.fp-links,.resend-links) a:hover,
.rx-auth-2026 .logo-center>.card a:not(.btn):hover{text-decoration:underline!important;text-underline-offset:3px}
.rx-auth-2026 .foot{margin-top:20px!important;padding-top:18px;border-top:1px solid var(--rxa-line);color:var(--rxa-text-3)!important;font-size:12px!important;line-height:1.55!important}

.rx-auth-2026 :is(.errors,.success,.alert,.verify-msg){
  margin:0 0 18px!important;padding:12px 14px!important;border-radius:11px!important;
  color:var(--rxa-text-2)!important;background:rgba(255,255,255,.035)!important;
  border:1px solid var(--rxa-line)!important;font-size:14px!important;line-height:1.65!important;
}
.rx-auth-2026 :is(.success,.alert-ok,.alert-info,.verify-msg.ok){color:#bcf5df!important;border-color:rgba(62,233,169,.27)!important;background:rgba(62,233,169,.075)!important}
.rx-auth-2026 :is(.errors,.alert-err,.verify-msg.err){color:#ffd0d8!important;border-color:rgba(255,113,139,.30)!important;background:rgba(255,113,139,.075)!important}

.rx-auth-2026 .console{
  width:min(760px,calc(100vw - 32px))!important;bottom:18px!important;
  padding:11px 14px!important;border-color:var(--rxa-line)!important;border-radius:12px!important;
  color:var(--rxa-text-2)!important;background:rgba(3,10,15,.94)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.48)!important;font-size:12px!important;
}

@media (max-width:900px){
  body.rx-auth-2026{padding:66px 20px 0!important}
  .rx-auth-topbar{min-height:66px;padding-inline:18px}
  .rx-auth-topbar__status{display:none}
  .rx-auth-2026 .logo-center{
    min-height:calc(100svh - 66px)!important;grid-template-columns:1fr!important;gap:24px!important;
    width:min(600px,100%)!important;
  }
  .rx-auth-2026 .logo-center>div:first-child{min-height:0;padding:24px 0 10px!important}
  .rx-auth-2026 .logo-center>div:first-child::before{margin-bottom:16px}
  .rx-auth-2026 .logo-center>div:first-child::after{display:none}
  .rx-auth-2026 .logo-center>div:first-child>img{width:min(280px,72vw)!important;height:auto!important;margin-bottom:8px!important}
  .rx-auth-2026 .logo-center>div:first-child>div:nth-of-type(2){margin-top:2px!important;font-size:14px!important}
}

@media (max-width:560px){
  body.rx-auth-2026{padding:62px 12px 0!important}
  .rx-auth-topbar{min-height:62px;padding-inline:12px}
  .rx-auth-brand small{display:none}.rx-auth-back{padding-inline:11px;font-size:0}.rx-auth-back::after{content:"Website";font-size:12px}
  .rx-auth-2026 .logo-center>div:first-child{padding-inline:10px!important}
  .rx-auth-2026 .logo-center>div:first-child>img{width:min(220px,68vw)!important}
  .rx-auth-2026 .logo-center>.card{padding:27px 21px!important;border-radius:19px!important}
  .rx-auth-2026 .logo-center>.card::before{right:18px;top:18px;font-size:9px}
  .rx-auth-2026 .row-actions{grid-template-columns:repeat(3,1fr)!important}
  .rx-auth-2026 .row-actions .input{grid-column:1/-1}
  .rx-auth-2026 .row-actions .btn-mini{padding-inline:7px!important;font-size:11px!important}
}

@media (max-width:369px){
  .rx-auth-register .rx-hcaptcha-shell{width:273px;height:71px}
  .rx-auth-2026.rx-auth-register .h-captcha{transform:scale(.9)}
}

@media (max-width:338px){
  .rx-auth-register .rx-hcaptcha-shell{width:249px;height:64px}
  .rx-auth-2026.rx-auth-register .h-captcha{transform:scale(.82)}
}

@media (prefers-reduced-motion:reduce){
  .rx-auth-2026 *,
  .rx-auth-2026 *::before,
  .rx-auth-2026 *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
