.login-page{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-end;padding:2rem}.login-bg-shape{position:absolute;opacity:.1}.login-bg-float1{animation:loginBgFloat1 8s ease-in-out infinite alternate}.login-bg-float2{animation:loginBgFloat2 10s ease-in-out infinite alternate}.login-bg-float3{animation:loginBgFloat3 12s ease-in-out infinite alternate}@keyframes loginBgFloat1{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}@keyframes loginBgFloat2{0%{transform:translateY(15px)}to{transform:translateY(-15px)}}@keyframes loginBgFloat3{0%{transform:translateX(-10px)}to{transform:translateX(10px) rotate(5deg)}}.login-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--cui-body-bg) 75%,transparent);border:1px solid color-mix(in srgb,var(--cui-border-color) 40%,transparent);box-shadow:0 8px 32px rgba(0,0,0,.12);border-radius:1rem;padding:2.5rem;width:min(420px,90vw);position:relative;z-index:10;animation:loginCardEnter .8s ease-out}@keyframes loginCardEnter{0%{opacity:0;transform:translate(20px,20px)}to{opacity:1;transform:translate(0)}}.login-features{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:min(700px,85vw);z-index:5;text-align:center}.login-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.login-slide.active{opacity:1;transform:translateY(0);pointer-events:auto}.login-slide-title{color:var(--cui-body-color);font-weight:700;font-size:1.5rem;margin-bottom:.5rem}.login-slide-description{color:var(--cui-secondary-color);font-size:.9rem;margin-bottom:1.5rem}.login-kpi-card{display:inline-flex;flex-direction:column;align-items:center;background:color-mix(in srgb,var(--cui-body-bg) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;padding:.75rem 1.25rem;border:1px solid color-mix(in srgb,var(--cui-border-color) 30%,transparent)}.login-kpi-value{font-size:1.25rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login-kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cui-secondary-color)}.login-kpi-trend{font-size:.7rem;font-weight:600}.login-dots{position:relative;z-index:10;display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.login-dot{width:8px;height:8px;border-radius:50%;background:var(--cui-secondary-color);opacity:.3;transition:opacity .3s ease,background-color .3s ease,transform .3s ease;cursor:pointer;border:none;padding:0}.login-dot.active{opacity:1;background:var(--cui-primary);transform:scale(1.3)}.login-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;background:color-mix(in srgb,var(--cui-primary) 15%,transparent);color:var(--cui-primary);border:1px solid color-mix(in srgb,var(--cui-primary) 30%,transparent)}.login-alert-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:color-mix(in srgb,var(--cui-body-bg) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;border:1px solid color-mix(in srgb,var(--cui-border-color) 30%,transparent)}.login-pulse{animation:loginPulse 2s ease-in-out infinite}@keyframes loginPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.login-bg-shape,.login-card,.login-dot,.login-pulse,.login-slide{animation:none;transition:none}}@media(max-width:767.98px){.login-features{display:none}.login-card{padding:2rem}}.login-brand-text{fill:var(--cui-body-color)}