.login-comic{position:relative;overflow:hidden;background:var(--oe-contrast);color:var(--oe-on-contrast);display:flex;flex-direction:column;justify-content:space-between;gap:var(--oe-s6);padding:clamp(28px,4vw,56px);min-height:100%;width:100%}.login-comic__stage{position:absolute;inset:0;z-index:0}.login-comic__panel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.1s var(--oe-ease),transform 6s linear;will-change:opacity,transform}.login-comic__panel.is-active{opacity:1;transform:scale(1.12)}.login-comic__stage:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in oklab,var(--oe-contrast) 82%,transparent) 0,color-mix(in oklab,var(--oe-contrast) 62%,transparent) 34%,color-mix(in oklab,var(--oe-contrast) 78%,transparent) 62%,color-mix(in oklab,var(--oe-contrast) 94%,transparent) 100%),radial-gradient(70% 55% at 85% 5%,color-mix(in oklab,var(--oe-green) 14%,transparent),transparent 65%)}.login-comic__foot,.login-comic__mid,.login-comic__top{position:relative;z-index:1}.login-comic__logo{display:flex;align-items:center;gap:10px}.login-comic__logo .oe-badge{background:color-mix(in oklab,var(--oe-on-contrast) 14%,transparent);border-color:color-mix(in oklab,var(--oe-on-contrast) 22%,transparent);color:var(--oe-green);backdrop-filter:blur(6px)}.login-comic__logo img{height:30px;width:auto;filter:brightness(0) invert(1)}.login-comic__mid{display:grid;gap:18px;max-width:30ch}.login-comic__title{font-family:var(--oe-f-display);font-size:clamp(34px,4.2vw,56px);font-weight:700;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}.login-comic__title i{font-style:italic;color:var(--oe-green);display:block}.login-comic__caption{display:grid;gap:6px;min-height:3.4em}.login-comic__caption span{font:500 11px var(--oe-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--oe-green)}.login-comic__caption p{margin:0;font-size:15px;line-height:1.5;color:color-mix(in oklab,var(--oe-on-contrast) 78%,transparent)}.login-comic__caption-inner{animation:login-comic-caption .6s var(--oe-ease) both}@keyframes login-comic-caption{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.login-comic__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--oe-s4);flex-wrap:wrap}.login-comic__dots{display:flex;gap:6px}.login-comic__dot{width:26px;height:3px;border:0;padding:0;border-radius:var(--oe-r-full);background:color-mix(in oklab,var(--oe-on-contrast) 26%,transparent);cursor:pointer;transition:background .25s var(--oe-ease)}.login-comic__dot:hover{background:color-mix(in oklab,var(--oe-on-contrast) 50%,transparent)}.login-comic__dot.is-active{background:var(--oe-green)}.login-comic__meta{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--oe-f-mono);letter-spacing:.09em;text-transform:uppercase;color:color-mix(in oklab,var(--oe-on-contrast) 55%,transparent)}@media (prefers-reduced-motion:reduce){.login-comic__panel,.login-comic__panel.is-active{transform:none;transition:opacity .4s linear}.login-comic__caption-inner{animation:none}}@media (min-width:901px){.auth-shell:has(.login-comic) .auth-shell__logo{display:none}}