/*
 * Вход на сайт arm366.ru (v138): стеклянные капсулы на фирменном градиенте, как в макете
 * «Вход Горздрав» (без логотипа, приветствия и формы макета), и тёмная стеклянная карточка.
 */
body.auth2.auth2-caps { background: #0a3fc4; }
.auth2-caps-bg { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
  background: radial-gradient(90% 70% at 100% 0%, rgba(111, 240, 164, .8) 0%, rgba(111, 240, 164, 0) 42%),
    radial-gradient(70% 60% at 0% 100%, rgba(125, 69, 245, .35) 0%, rgba(125, 69, 245, 0) 55%),
    linear-gradient(135deg, #0b2fb8 0%, #0a55e0 40%, #0f8fc7 72%, #2fbf97 100%); }
.auth2-cap { position: absolute; border-radius: 999px; filter: blur(var(--b, 0px)) drop-shadow(0 22px 30px rgba(4, 20, 70, .35));
  transform: translate(var(--x, 0), calc(var(--y, 0px) + var(--py, 0px))) rotate(var(--r, 0deg)); transition: transform 1.8s cubic-bezier(.22, 1, .36, 1); will-change: transform; }
.auth2-cap::before { content: ""; position: absolute; inset: 0; border-radius: inherit;
  background: linear-gradient(90deg, #ffffff 0%, #f4f8ff 46%, #7ff2c9 52%, #4f73ff 80%, #7d45f5 100%);
  box-shadow: inset -22px -16px 32px rgba(30, 40, 140, .35), inset 18px 14px 26px rgba(255, 255, 255, .95); }
.auth2-cap::after { content: ""; position: absolute; left: 10%; right: 55%; top: 14%; height: 18%; border-radius: 99px; background: rgba(255, 255, 255, .75); filter: blur(3px); }
body.auth2-caps .auth2-brand, body.auth2-caps .auth2-corner, body.auth2-caps .auth2-frame { display: none; }
body.auth2-caps .auth2-card { clip-path: none; border-radius: 26px; background: rgba(6, 22, 56, .44); border: 1px solid rgba(255, 255, 255, .22);
  box-shadow: 0 34px 90px rgba(3, 16, 52, .5), inset 0 1px 0 rgba(255, 255, 255, .25); -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%); }
body.auth2-caps .auth2-card::before { background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .14) 50%, transparent 62%); background-size: 250% 100%; animation: caps-shine 8s cubic-bezier(.22, 1, .36, 1) infinite; }
body.auth2-caps .auth2-card.is-folded { transform: scale(.94); border-radius: 40px; }
body.auth2-caps { --a2-muted: #c3d6f3; --a2-faint: #9db6dc; --a2-field: rgba(3, 14, 40, .35); --a2-field-line: rgba(255, 255, 255, .22); }
body.auth2-caps .auth2-field input::placeholder { color: rgba(210, 228, 255, .6); }
body.auth2-caps .auth2-title em { background: linear-gradient(100deg, #ffffff, #9ff5d6); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.auth2-caps .auth2-primary { background: linear-gradient(135deg, #ffffff, #dff4ff); color: #0a3fb0; box-shadow: 0 14px 34px rgba(3, 16, 52, .35), inset 0 1px 0 #fff; }
body.auth2-caps .auth2-primary.is-loading .label::after { border-color: rgba(10, 63, 176, .25); border-top-color: #0a3fb0; }
body.auth2-caps .auth2-link.accent { color: #9ff5d6; }
body.auth2-caps .auth2-steps i.on { background: #9ff5d6; }
@keyframes caps-shine { 0% { background-position: 130% 0; } 60%, 100% { background-position: -30% 0; } }
@media (max-width: 720px) { .auth2-cap { opacity: .9; } .auth2-cap:nth-child(n+5) { display: none; } }
@media (prefers-reduced-motion: reduce) { body.auth2-caps .auth2-card::before { animation: none; } .auth2-cap { transition: none; } }