.login-shell{place-items:center;min-height:100dvh;padding:clamp(24px,5vh,56px) 24px;display:grid;position:relative}.login-back{z-index:1;border-radius:var(--radius-pill);color:var(--ink-4);isolation:isolate;transform-origin:0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:absolute;top:clamp(14px,3vh,26px);left:clamp(14px,3vw,26px)}.login-back:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--cyan) 16%, transparent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.login-back:hover,.login-back:focus-visible{color:var(--ink-bright);border-color:color-mix(in srgb, var(--cyan) 38%, transparent)}.login-back:hover:before,.login-back:focus-visible:before{transform:scaleX(1)}.login-content{width:100%;max-width:420px}.login-card{border:1px solid color-mix(in srgb, var(--cyan) 14%, transparent);border-radius:var(--radius-xl);background:var(--gradient-glass);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(1.15);backdrop-filter:blur(var(--blur-glass)) saturate(1.15);box-shadow:var(--hairline), 0 28px 80px #0000008c, 0 0 70px -26px color-mix(in srgb, var(--cyan) 32%, transparent);padding:clamp(24px,4vw,32px);position:relative}.login-card:before{content:"";background:var(--gradient-flow);height:1px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.login-mark{place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid;position:relative}.login-mark img{z-index:1;object-fit:contain;width:72px;height:72px;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--cyan) 45%, transparent));position:relative;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 56%,#0000 70%);mask-image:radial-gradient(circle at 50% 48%,#000 56%,#0000 70%)}.login-mark:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--cyan) 16%, transparent) 0%, transparent 62%);pointer-events:none;width:190px;height:190px;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:no-preference){.login-back{transition:transform var(--dur-mid) var(--ease-out), color var(--dur-mid) var(--ease-out), border-color var(--dur-mid) var(--ease-out)}.login-back:before{transition:transform var(--dur-mid) var(--ease-out)}.login-back:hover,.login-back:focus-visible{transform:scale(1.05)}.login-rise{animation:login-rise .55s var(--ease-out) both}.login-mark:before{animation:7s ease-in-out 1.4s infinite login-breathe}}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes login-breathe{0%,to{opacity:.55;scale:1}50%{opacity:.9;scale:1.06}}