.login-page{--lg-primary: #6366f1;--lg-primary-2: #818cf8;--lg-violet: #8b5cf6;--lg-sky: #0ea5e9;--lg-bg: #0b0d14;--lg-surface: rgba(21, 24, 35, .72);--lg-surface-input: rgba(27, 31, 44, .82);--lg-border: #2a3042;--lg-text: #e9ebf2;--lg-muted: #8d95aa;--lg-danger: #f87171;--lg-card-shadow: 0 24px 70px rgba(0, 0, 0, .45), 0 2px 10px rgba(0, 0, 0, .25);--lg-aurora-1: .5;--lg-aurora-2: .4;--lg-aurora-3: .32;position:relative;min-height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;overflow:hidden;background:var(--lg-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}@media(prefers-color-scheme:light){.login-page{--lg-bg: #eef1f6;--lg-surface: rgba(255, 255, 255, .78);--lg-surface-input: rgba(231, 235, 243, .82);--lg-border: #d3d9e5;--lg-text: #1d2436;--lg-muted: #5f6880;--lg-danger: #dc2626;--lg-card-shadow: 0 24px 70px rgba(23, 32, 56, .25), 0 2px 10px rgba(23, 32, 56, .12);--lg-aurora-1: .3;--lg-aurora-2: .2;--lg-aurora-3: .18}}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-bg .aurora{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);will-change:transform;animation:lg-aurora-drift 26s ease-in-out infinite alternate}.login-bg .a1{background:var(--lg-primary);opacity:var(--lg-aurora-1);top:-18vmax;left:-14vmax}.login-bg .a2{background:var(--lg-violet);opacity:var(--lg-aurora-2);bottom:-20vmax;right:-12vmax;animation-duration:32s;animation-delay:-8s}.login-bg .a3{background:var(--lg-sky);opacity:var(--lg-aurora-3);width:38vmax;height:38vmax;top:30%;right:8%;animation-duration:22s;animation-delay:-14s}@keyframes lg-aurora-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vmax,-4vmax,0) scale(1.18)}}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(141,149,170,.9) 1px,transparent 1px);background-size:26px 26px;opacity:.16;mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 25%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 25%,transparent 74%)}.login-card{position:relative;width:min(384px,100%);display:flex;flex-direction:column;gap:15px;padding:34px 30px 30px;border-radius:18px;background:var(--lg-surface);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);box-shadow:var(--lg-card-shadow);animation:lg-card-enter .55s cubic-bezier(.2,.8,.25,1) both}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(165deg,var(--lg-primary),var(--lg-violet) 55%,var(--lg-sky));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none;opacity:.6}@keyframes lg-card-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.login-logo{align-self:center;width:58px;height:58px;filter:drop-shadow(0 10px 26px rgba(99,102,241,.55))}.login-logo .arrow{stroke-dasharray:70;stroke-dashoffset:70;animation:lg-draw 1.1s cubic-bezier(.4,0,.2,1) .25s forwards}.login-logo .tip{opacity:0;animation:lg-fade-in .4s ease 1.1s forwards}@keyframes lg-draw{to{stroke-dashoffset:0}}@keyframes lg-fade-in{to{opacity:1}}.login-title{margin:0;text-align:center;font-size:26px;font-weight:800;letter-spacing:.4px;background:linear-gradient(100deg,var(--lg-text) 30%,var(--lg-primary-2) 50%,var(--lg-text) 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lg-shine 6s linear infinite}@keyframes lg-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.login-subtitle{margin:-6px auto 2px;max-width:30ch;text-align:center;font-size:13px;line-height:1.45;color:var(--lg-muted)}.login-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--lg-muted)}.login-input{position:relative;display:flex}.login-input svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--lg-muted);pointer-events:none;transition:color .15s}.login-input:focus-within>svg{color:var(--lg-primary)}.login-input input{width:100%;box-sizing:border-box;padding:11px 12px 11px 40px;font:inherit;font-size:14px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--lg-text);background:var(--lg-surface-input);border:1px solid var(--lg-border);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}.login-input input::placeholder{color:var(--lg-muted);opacity:.75}.login-input input:focus{border-color:color-mix(in srgb,var(--lg-primary) 75%,var(--lg-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-primary) 22%,transparent)}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--lg-muted);cursor:pointer}.login-eye:hover{color:var(--lg-text)}.login-eye svg{position:static;transform:none;pointer-events:auto}.login-hint{margin:-6px 0 0;font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--lg-danger)}.login-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:13px;color:var(--lg-danger);background:#ef44441f;border:1px solid rgba(239,68,68,.4);animation:lg-error-shake .35s}.login-error svg{flex:none;width:15px;height:15px}@keyframes lg-error-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.login-submit{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:4px;padding:12px 16px;border:0;border-radius:10px;font:inherit;font-size:14.5px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1 55%,#8b5cf6);background-size:160%;background-position:0% 50%;box-shadow:0 10px 26px #6366f159;transition:background-position .35s,box-shadow .2s,transform .12s}.login-submit:hover:not(:disabled){background-position:90% 50%;box-shadow:0 10px 26px #6366f180;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:scale(.99)}.login-submit:disabled{opacity:.55;cursor:default}.login-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:lg-spin .7s linear infinite}@keyframes lg-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.login-card{padding:28px 22px 24px}.login-bg .aurora{filter:blur(70px)}}@media(prefers-reduced-motion:reduce){.login-bg .aurora,.login-title,.login-card,.login-error,.login-logo .arrow,.login-logo .tip{animation:none}.login-logo .arrow{stroke-dashoffset:0}.login-logo .tip{opacity:1}}