#page-login{--blue:#8064d8;--purple:#b5a0ea;--grad-main:#8064d8;--bg2:#101216;--text:#f8f5f9;--text2:#bdb4c2;--border2:#b5a0ea33;--kairo-focus-ring:#b5a0ea;min-height:100vh;color:var(--text)}#page-login.active{animation:pageIn .4s var(--smooth-easing) forwards;display:flex}#page-login .login-centered{flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:clip;background:#08090b!important}#page-login .login-centered:before{content:"";filter:blur(50px);pointer-events:none;border-radius:50%;width:min(650px,100%);height:650px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#8064d82e 0%,#b887ab1a 50%,#0000 75%)!important}#page-login #login-particles,#page-login .login-brand-grid{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#page-login .login-brand-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%)}#page-login .login-top-area{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;min-height:80px;display:flex}#page-login .login-top-logo{color:#fff;justify-content:center;align-items:center;display:inline-flex}#page-login .login-top-logo svg{width:auto;height:32px}#page-login .login-box-wrapper{z-index:1;flex:none;justify-content:center;width:100%;max-width:560px;margin:0 auto;padding:0 24px;display:flex}#page-login .login-box{color:#f8f5f9;border:1px solid;border-radius:40px;width:100%;min-width:0;padding:3.5rem;box-shadow:0 32px 80px -16px #0009;background:#101216!important;border-color:#b5a0ea33!important}#page-login .login-box h2{letter-spacing:-1px;margin-bottom:.75rem;font-size:2.6rem;font-weight:700}#page-login .login-box p{color:var(--text2);margin-bottom:1rem;font-size:1rem}#page-login .form-input{color:#f8f5f9!important;background:#17191f!important;border-width:1px!important;border-color:#b5a0ea33!important}#page-login .form-input:focus{box-shadow:none!important;border-color:#b5a0ea8c!important;outline:none!important}#page-login .form-input:focus-visible{box-shadow:none!important;border-color:#b5a0ea!important;outline:none!important}#page-login .btn-primary{color:#fff!important;box-shadow:none!important;background:#8064d8!important}#page-login .login-box a{color:#b5a0ea!important}#page-login .login-bottom-area{width:100%;min-height:40px;padding:28px 20px calc(16px + env(safe-area-inset-bottom,0px));flex:1;justify-content:center;align-items:flex-end;color:#a6a3ae!important;z-index:1!important;display:flex!important}#page-login .login-legal-links{flex-wrap:wrap;justify-content:center;gap:4px 20px;display:flex}#page-login .login-legal-links a{align-items:center;min-height:44px;font-size:.78rem;text-decoration:none;display:inline-flex;color:#a6a3ae!important}#page-login .login-legal-links a:hover{color:#d0cdd5!important}@media (max-width:640px){#page-login .login-centered{justify-content:flex-end;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}#page-login .login-bottom-area{display:none!important}#page-login .login-top-area{flex:auto;min-height:120px}#page-login .login-top-logo svg{height:28px}#page-login .login-box-wrapper{max-width:100%;padding:0 20px}#page-login .login-box{padding:2rem 1.15rem 1.75rem;box-shadow:0 24px 60px -8px #0009}#page-login .login-box h2{text-align:center;letter-spacing:-.6px;margin-bottom:.4rem;font-size:1.85rem;font-weight:800}#page-login .login-box>p{text-align:center;margin-bottom:1.6rem;font-size:.9rem;line-height:1.4}}