/* PROD hotfix · full "Доступ разрешён" animation parity with TEST */
html.oaim-motion-lab .oa-access-transition{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  color:#eaffff;
  background:
    radial-gradient(ellipse 48% 42% at 50% 43%,rgba(6,54,63,.74) 0,rgba(3,27,37,.94) 44%,#010910 82%),
    #010910;
  opacity:0;
  transition:opacity 180ms ease!important;
}
html.oaim-motion-lab .oa-access-transition.is-visible{opacity:1}
html.oaim-motion-lab .oa-access-transition.is-exiting{opacity:0;transition-duration:460ms!important}
html.oaim-motion-lab .oa-access-matrix,
html.oaim-motion-lab .oa-access-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html.oaim-motion-lab .oa-access-matrix{
  z-index:0;
  opacity:.5;
  -webkit-mask-image:radial-gradient(circle at center,transparent 9%,#000 72%);
  mask-image:radial-gradient(circle at center,transparent 9%,#000 72%);
}
html.oaim-motion-lab .oa-access-particles{z-index:1;opacity:.9}
html.oaim-motion-lab .oa-access-grid{
  position:absolute;
  inset:-20%;
  z-index:0;
  background:linear-gradient(rgba(37,220,241,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,220,241,.07) 1px,transparent 1px);
  background-size:54px 54px;
  transform:perspective(720px) rotateX(66deg) translateY(32%);
  animation:oaAccessParityGrid 2.4s linear infinite!important;
}
html.oaim-motion-lab .oa-access-transition::before{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 42% 34% at 50% 43%,rgba(34,211,238,.14) 0,rgba(34,211,238,.055) 45%,transparent 76%),
    radial-gradient(ellipse 70% 54% at 50% 64%,rgba(78,230,189,.075) 0,transparent 72%);
  filter:blur(22px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 52%,rgba(0,0,0,.72) 72%,transparent 94%);
  mask-image:radial-gradient(ellipse at center,#000 0 52%,rgba(0,0,0,.72) 72%,transparent 94%);
  animation:oaAccessParityGlow 6s ease-in-out infinite alternate!important;
}
html.oaim-motion-lab .oa-access-transition::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px);
  opacity:.22;
  mix-blend-mode:screen;
}
html.oaim-motion-lab .oa-access-hud{
  position:absolute;
  z-index:3;
  min-width:170px;
  padding:12px;
  color:rgba(107,203,202,.56);
  border-left:1px solid rgba(78,230,189,.35);
  font:650 9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:oaAccessParityHud 3.8s ease-in-out infinite!important;
}
html.oaim-motion-lab .oa-access-hud b{color:#70ebcc}
html.oaim-motion-lab .oa-access-hud-a{left:4vw;top:7vh}
html.oaim-motion-lab .oa-access-hud-b{right:4vw;bottom:7vh;text-align:right;border-left:0!important;border-right:1px solid rgba(78,230,189,.35)}
html.oaim-motion-lab .oa-access-console{
  position:relative;
  z-index:3;
  display:grid;
  justify-items:center;
  width:min(650px,calc(100vw - 40px));
  max-height:calc(100dvh - 32px);
  padding:42px 44px 38px;
  overflow:auto;
  scrollbar-width:none;
  border:1px solid rgba(78,230,189,.46);
  border-radius:18px;
  clip-path:none;
  background:linear-gradient(145deg,rgba(3,25,34,.9),rgba(2,14,23,.94));
  box-shadow:0 0 90px rgba(31,223,199,.14),0 0 0 1px rgba(78,230,189,.035) inset;
}
html.oaim-motion-lab .oa-access-console::-webkit-scrollbar{display:none}
html.oaim-motion-lab .oa-access-console::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(78,230,189,.08),transparent);
  transform:translateX(-120%);
  animation:oaAccessParityConsoleSweep 2.7s ease-in-out infinite!important;
}
html.oaim-motion-lab .oa-access-console::after{display:none!important}
html.oaim-motion-lab .oa-access-brackets{position:absolute;inset:12px;pointer-events:none}
html.oaim-motion-lab .oa-access-brackets i{position:absolute;width:24px;height:24px;border-color:#4ee6bd;filter:drop-shadow(0 0 5px rgba(78,230,189,.5))}
html.oaim-motion-lab .oa-access-brackets i:nth-child(1){left:0;top:0;border-left:2px solid;border-top:2px solid}
html.oaim-motion-lab .oa-access-brackets i:nth-child(2){right:0;top:0;border-right:2px solid;border-top:2px solid}
html.oaim-motion-lab .oa-access-brackets i:nth-child(3){left:0;bottom:0;border-left:2px solid;border-bottom:2px solid}
html.oaim-motion-lab .oa-access-brackets i:nth-child(4){right:0;bottom:0;border-right:2px solid;border-bottom:2px solid}
html.oaim-motion-lab .oa-access-emblem{width:72px;color:var(--oa-motion-green);filter:drop-shadow(0 0 13px rgba(78,230,189,.45));animation:none!important}
html.oaim-motion-lab .oa-access-emblem :is(svg,img){width:100%!important;height:auto!important}
html.oaim-motion-lab .oa-access-console .eyebrow{margin-top:18px;color:#79b7b4!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
html.oaim-motion-lab .oa-access-console h2{
  position:relative;
  margin:8px 0 20px;
  color:#eafff9;
  font-size:clamp(28px,5vw,46px);
  letter-spacing:.04em;
  text-shadow:0 0 24px rgba(78,230,189,.24);
  animation:oaAccessParityTitleGlitch 5.2s steps(1,end) infinite!important;
}
html.oaim-motion-lab .oa-access-terminal{
  display:grid;
  gap:5px;
  width:100%;
  min-height:76px;
  margin-bottom:18px;
  padding:12px 14px;
  color:#579392;
  border:0;
  border-left:2px solid rgba(78,230,189,.35);
  background:rgba(0,8,14,.48);
  font:600 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;
}
html.oaim-motion-lab .oa-access-terminal span{opacity:0;transform:translateX(-8px);transition:opacity 380ms ease,transform 380ms var(--oa-motion-ease)!important}
html.oaim-motion-lab .oa-access-terminal span.is-visible{opacity:1;transform:none;color:#9bd8d0}
html.oaim-motion-lab .oa-access-progress{width:100%;height:3px;margin-top:0;overflow:hidden;border-radius:99px;background:rgba(78,230,189,.12)}
html.oaim-motion-lab .oa-access-progress i{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#19a9c7,#4ee6bd);
  box-shadow:0 0 13px rgba(78,230,189,.65);
  transform:scaleX(0);
  transform-origin:left;
  animation:oaAccessParityProgress 10200ms linear forwards!important;
}
html.oaim-motion-lab .oa-access-progress-meta{display:flex;justify-content:space-between;width:100%;margin-top:8px;color:#5f9292;font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em}
html.oaim-motion-lab .oa-access-progress-meta b{color:#72e9cf;font-size:10px}
html.oaim-motion-lab .oa-access-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;width:100%;margin:20px 0;color:#8dafb0;font:650 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
html.oaim-motion-lab .oa-access-steps span{padding:0;border:0;background:transparent;opacity:0;transform:translateX(-6px);transition:opacity 180ms ease,transform 180ms ease!important}
html.oaim-motion-lab .oa-access-steps span.is-visible{opacity:1;transform:none;color:#baf6e6}
html.oaim-motion-lab .oa-access-console>.oa-access-ready{margin-top:0;color:var(--oa-motion-green);font:850 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;animation:oaAccessParityReadyPulse 1.4s ease-in-out infinite!important}
html.oaim-motion-lab .oa-access-console>.oa-access-ready.is-ready{color:#d8fff3;text-shadow:0 0 16px rgba(78,230,189,.72)}

@keyframes oaAccessParityGrid{to{background-position:0 54px,54px 0}}
@keyframes oaAccessParityProgress{to{transform:scaleX(1)}}
@keyframes oaAccessParityGlow{0%{opacity:.72;transform:scale(.96)}100%{opacity:1;transform:scale(1.06)}}
@keyframes oaAccessParityHud{0%,100%{opacity:.5}50%{opacity:.88}}
@keyframes oaAccessParityConsoleSweep{0%,42%{transform:translateX(-120%)}68%,100%{transform:translateX(120%)}}
@keyframes oaAccessParityTitleGlitch{0%,82%,86%,100%{transform:none;clip-path:none}83%{transform:translateX(2px);clip-path:inset(18% 0 54%)}84%{transform:translateX(-3px);clip-path:inset(62% 0 12%)}85%{transform:none;clip-path:none}}
@keyframes oaAccessParityReadyPulse{0%,100%{opacity:.55}50%{opacity:1}}

@media(max-width:820px){
  html.oaim-motion-lab .oa-access-hud{display:none}
}
@media(max-width:520px){
  html.oaim-motion-lab .oa-access-console{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:26px 20px 24px;border-radius:15px}
  html.oaim-motion-lab .oa-access-console h2{font-size:clamp(25px,9vw,38px)}
  html.oaim-motion-lab .oa-access-terminal{font-size:9px}
  html.oaim-motion-lab .oa-access-steps{grid-template-columns:1fr;gap:5px;margin:14px 0;font-size:9px}
}
@media(max-height:760px) and (min-width:521px){
  html.oaim-motion-lab .oa-access-console{padding:24px 34px 22px}
  html.oaim-motion-lab .oa-access-emblem{width:54px}
  html.oaim-motion-lab .oa-access-console .eyebrow{margin-top:10px}
  html.oaim-motion-lab .oa-access-console h2{margin:5px 0 12px;font-size:34px}
  html.oaim-motion-lab .oa-access-terminal{min-height:64px;margin-bottom:12px;padding:9px 12px}
  html.oaim-motion-lab .oa-access-steps{gap:5px 16px;margin:12px 0;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  html.oaim-motion-lab .oa-access-transition::before,
  html.oaim-motion-lab .oa-access-grid,
  html.oaim-motion-lab .oa-access-console::before{animation:none!important}
}