.login-surface{--login-green:#023020;--login-green-alt:#022b27;--login-green-rgb:2, 48, 32;isolation:isolate;position:relative;overflow:hidden}.login-surface:before{content:"";filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 40%,#1fbfa32e 0%,#1191691a 45%,#0000 75%);height:70vh;position:absolute;inset:-30% -10% auto}.dark .login-surface:before{background:radial-gradient(60% 60% at 50% 40%,#1fbfa338 0%,#0d5c4724 45%,#0000 75%)}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px -30px rgba(var(--login-green-rgb), .55);background:#ffffff9e;border:1px solid #0000001f;border-radius:1.75rem}.dark .login-card{background:#1e21269e;border-color:#ffffff14;box-shadow:0 24px 60px -25px #000c}.login-gradient-text{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(100deg, var(--login-green-alt) 0%, #0d5c47 18%, #119169 38%, #1fbfa3 50%, #119169 62%, #0d5c47 82%, var(--login-green) 100%);background-size:220%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite login-shine}@keyframes login-shine{0%,to{background-position:0%}50%{background-position:100%}}.login-logo{filter:drop-shadow(0 0 24px rgba(var(--login-green-rgb), .32));animation:6s ease-in-out infinite login-float}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.login-gradient-text,.login-logo{animation:none}}