.kp-auth{--kp-bg: #ffffff;--kp-bg-2: #f6f3fc;--kp-card: #ffffff;--kp-card-border: rgba(72, 3, 175, .12);--kp-text: #160a26;--kp-text-muted: #5b5475;--kp-text-dim: #9189a6;--kp-primary: #5b16d6;--kp-primary-3: #4803af;--kp-glow: rgba(100, 0, 250, .18);--kp-grid: rgba(72, 3, 175, .06);--kp-field: #faf8ff;--kp-field-border: rgba(20, 8, 40, .12);position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px;overflow:hidden;background:linear-gradient(180deg,var(--kp-bg) 0%,var(--kp-bg-2) 100%);color:var(--kp-text);font-family:Lexend,Inter,system-ui,sans-serif}[data-bs-theme=dark] .kp-auth{--kp-bg: #09001a;--kp-bg-2: #0d0322;--kp-card: rgba(21, 7, 51, .78);--kp-card-border: rgba(126, 77, 255, .22);--kp-text: #f3f0fb;--kp-text-muted: #a99fc6;--kp-text-dim: #6f6789;--kp-primary: #7e3cff;--kp-primary-3: #6400fa;--kp-glow: rgba(100, 0, 250, .45);--kp-grid: rgba(126, 60, 255, .08);--kp-field: rgba(255, 255, 255, .04);--kp-field-border: rgba(255, 255, 255, .12)}.kp-auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--kp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--kp-grid) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);pointer-events:none}.kp-auth-glow{position:absolute;width:720px;height:720px;max-width:140vw;top:50%;left:50%;transform:translate(-50%,-55%);background:radial-gradient(circle,var(--kp-glow) 0%,transparent 65%);filter:blur(20px);pointer-events:none}.kp-auth-theme{position:absolute;top:20px;right:20px;z-index:2;width:40px;height:40px;border-radius:12px;border:1px solid var(--kp-card-border);background:var(--kp-card);color:var(--kp-text);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:border-color .2s,color .2s}.kp-auth-theme:hover{border-color:var(--kp-primary);color:var(--kp-primary)}.kp-auth-main{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center}.kp-auth-logo{display:inline-block;margin-bottom:28px}.kp-auth-logo img{height:52px;width:auto;max-width:100%}.kp-auth-logo .kp-logo-dark,[data-bs-theme=dark] .kp-auth-logo .kp-logo-light{display:none}[data-bs-theme=dark] .kp-auth-logo .kp-logo-dark{display:inline-block}.kp-auth-card{width:100%;padding:36px 32px;border-radius:20px;background:var(--kp-card);border:1px solid var(--kp-card-border);box-shadow:0 24px 60px -24px var(--kp-glow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);--el-color-primary: var(--kp-primary);--el-color-primary-light-3: #8f5cff;--el-color-primary-light-5: #a985ff;--el-color-primary-dark-2: var(--kp-primary-3);--el-input-bg-color: var(--kp-field);--el-input-border-color: var(--kp-field-border);--el-input-text-color: var(--kp-text);--el-input-placeholder-color: var(--kp-text-dim);--el-border-radius-base: 10px}@media(max-width:480px){.kp-auth-card{padding:28px 20px}}.kp-auth-card .w-lg-500px{width:100%!important;padding:0!important}.kp-auth-card h1{font-family:Be Vietnam Pro,sans-serif;font-weight:700;letter-spacing:-.02em;color:var(--kp-text)!important}.kp-auth-card .text-gray-500{color:var(--kp-text-muted)!important}.kp-auth-card .link-primary{color:var(--kp-primary)!important}.kp-auth-card .el-button--primary{font-family:Be Vietnam Pro,sans-serif;font-weight:600;background:linear-gradient(135deg,#7e3cff,#4803af);border:0;box-shadow:0 10px 24px -10px var(--kp-glow)}.kp-auth-card .el-button--primary:hover{filter:brightness(1.08)}.kp-auth .kp-auth-card .el-button--primary,.kp-auth .kp-auth-card .el-button--primary:hover,.kp-auth .kp-auth-card .el-button--primary:focus{color:#fff}.kp-auth .kp-auth-card .el-input__wrapper{background-color:var(--kp-field);box-shadow:0 0 0 1px var(--kp-field-border) inset}.kp-auth .kp-auth-card .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--kp-primary) inset}.kp-auth .kp-auth-card .el-input__inner{color:var(--kp-text)}.kp-auth-card .el-checkbox__label{color:var(--kp-text-muted)}.kp-auth-tagline{margin:22px 0 0;font-size:.85rem;color:var(--kp-text-dim);text-align:center}
