.login-shell{isolation:isolate;min-height:100dvh;color:var(--bcc-text);background:radial-gradient(90% 70% at 12% -8%, color-mix(in srgb, var(--bcc-primary) 22%, transparent), transparent 55%), radial-gradient(80% 60% at 92% 8%, color-mix(in srgb, var(--bcc-accent) 14%, transparent), transparent 50%), radial-gradient(70% 50% at 50% 110%, color-mix(in srgb, var(--bcc-secondary) 12%, transparent), transparent 55%), var(--bcc-background);font-family:var(--bcc-font-sans);position:relative;overflow:hidden}.login-shell__glow{filter:blur(72px);opacity:.35;pointer-events:none;border-radius:9999px;animation:16s ease-in-out infinite alternate login-glow-drift;position:absolute}.login-shell__glow--a{background:color-mix(in srgb, var(--bcc-primary) 45%, transparent);width:280px;height:280px;top:18%;left:-60px}.login-shell__glow--b{background:color-mix(in srgb, var(--bcc-accent) 35%, transparent);width:320px;height:320px;animation-delay:-5s;bottom:12%;right:-80px}.login-shell__grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--bcc-text) 4%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--bcc-text) 4%, transparent) 1px, transparent 1px);pointer-events:none;opacity:.7;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 15%,#0000 88%);mask-image:linear-gradient(#000 15%,#0000 88%)}.login-shell__lines{opacity:.22;filter:blur(1.5px);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-shell__lines path{fill:none;stroke:color-mix(in srgb, var(--bcc-accent) 55%, var(--bcc-text));stroke-width:1.25px;stroke-dasharray:10 14;animation:22s linear infinite login-line-dash}.login-shell__dust{pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 18% 28%, color-mix(in srgb, var(--bcc-text) 28%, transparent), transparent), radial-gradient(1px 1px at 72% 22%, color-mix(in srgb, var(--bcc-accent) 40%, transparent), transparent), radial-gradient(1.5px 1.5px at 44% 68%, color-mix(in srgb, var(--bcc-text) 18%, transparent), transparent), radial-gradient(1px 1px at 86% 74%, color-mix(in srgb, var(--bcc-primary) 35%, transparent), transparent), radial-gradient(1px 1px at 30% 82%, color-mix(in srgb, var(--bcc-text) 16%, transparent), transparent);opacity:.55;position:absolute;inset:0}.login-card{border:1px solid color-mix(in srgb, var(--bcc-border-strong) 70%, transparent);background:color-mix(in srgb, var(--bcc-surface-elevated) 82%, transparent);width:100%;max-width:460px;box-shadow:0 0 0 1px color-mix(in srgb, var(--bcc-text) 3%, transparent), 0 24px 64px #00000073, 0 2px 8px #0003;-webkit-backdrop-filter:blur(18px);border-radius:1.25rem}.login-mark{background:var(--bcc-primary);width:2.75rem;height:2.75rem;color:var(--bcc-primary-foreground);font-family:var(--bcc-font-display);letter-spacing:-.02em;box-shadow:0 8px 24px color-mix(in srgb, var(--bcc-primary) 35%, transparent);border-radius:.85rem;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}@keyframes login-glow-drift{0%{transform:translate(0,0)}to{transform:translate(18px,-14px)}}@keyframes login-line-dash{to{stroke-dashoffset:-280px}}@media (max-width:639px){.login-card{background:color-mix(in srgb, var(--bcc-surface-elevated) 88%, transparent);border-radius:1.1rem;max-width:none}}