.login-page{--ink:#12202b;--ink-soft:#3a4a56;--ink-faint:#6b7c89;--line:#12202b1f;--accent:#a855f7;--accent-deep:#9333ea;--accent-soft:#f3e8ff;--danger:#991b1b;--danger-bg:#fee2e2;--surface:#ffffffc7;--ease-out:cubic-bezier(.16, 1, .3, 1);isolation:isolate;min-height:100%;color:var(--ink);caret-color:var(--accent);place-items:center;padding:32px 16px;display:grid;position:relative;overflow:hidden}.login-page::selection,.login-page ::selection{color:var(--ink);background:#a855f747}.login-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(90% 55% at 50% -8%,#c084fc 0%,#0000 58%),radial-gradient(70% 45% at 100% 18%,#a855f78c 0%,#0000 52%),radial-gradient(60% 40% at 0 30%,#9333ea6b 0%,#0000 50%),linear-gradient(#a855f7 0%,#c084fc 16%,#f3e8ff 40%,#faf8ff 62%,#fff 100%);position:fixed;inset:0}.login-atmosphere{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-orb{filter:blur(40px);will-change:transform;animation:login-orb-drift 14s var(--ease-out) infinite alternate;border-radius:50%;position:absolute}.login-orb-a{background:#c084fc8c;width:min(48vw,340px);height:min(48vw,340px);top:8%;left:-8%}.login-orb-b{background:#9333ea61;width:min(56vw,420px);height:min(56vw,420px);animation-duration:18s;animation-delay:-4s;top:42%;right:-12%}.login-orb-c{background:#e9d5ffb3;width:min(42vw,280px);height:min(42vw,280px);animation-duration:16s;animation-delay:-8s;bottom:-10%;left:22%}.login-shell{z-index:1;background:var(--surface);-webkit-backdrop-filter:blur(22px)saturate(1.35);width:min(420px,100%);animation:login-shell-in .62s var(--ease-out) both;border:1px solid #ffffffd1;border-radius:20px;padding:32px 26px 26px;position:relative;box-shadow:0 28px 64px #581c8738,0 8px 24px #12202b0f,inset 0 1px #fffffff2}.login-logo{filter:brightness(0)saturate()invert(27%)sepia(74%)saturate(2460%)hue-rotate(252deg)brightness(95%)contrast(96%);width:auto;height:44px;margin-bottom:22px;display:block}.login-title{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.75rem,4.5vw,2.05rem);font-weight:760;line-height:1.15}.login-loading{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.login-form{flex-direction:column;gap:14px;margin-top:26px;display:flex}.login-hint{background:#f7f5fbb8;border:1px solid #9333ea1a;border-radius:12px;margin-top:20px;padding:14px 14px 13px}.login-hint-title{letter-spacing:.01em;color:var(--accent-deep);margin:0;font-size:.8125rem;font-weight:700}.login-hint-body{color:var(--ink-soft);margin:6px 0 0;font-size:.8125rem;font-weight:500;line-height:1.45}.login-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;display:flex}.login-field input{border:1px solid var(--line);height:48px;color:var(--ink);font:inherit;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .18s var(--ease-out), transform .18s var(--ease-out);background:#ffffffeb;border-radius:12px;outline:none;padding:0 14px;font-weight:500}.login-field input:hover:not(:disabled){border-color:#9333ea47}.login-field input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #a855f733}.login-field input:disabled{opacity:.65}.login-error{background:var(--danger-bg);color:var(--danger);border-radius:12px;margin:0;padding:10px 12px;font-size:.875rem;font-weight:600}.login-submit{background:linear-gradient(180deg, #c084fc 0%, var(--accent) 48%, var(--accent-deep) 100%);color:#fff;height:50px;font:inherit;letter-spacing:.01em;cursor:pointer;transition:transform .18s var(--ease-out), filter .18s var(--ease-out), box-shadow .18s var(--ease-out), opacity .18s var(--ease-out);border:none;border-radius:12px;margin-top:6px;font-size:1rem;font-weight:720;box-shadow:0 12px 28px #9333ea57,inset 0 1px #ffffff47}.login-submit:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 16px 34px #9333ea66,inset 0 1px #ffffff52}.login-submit:active:not(:disabled){filter:brightness(.98);transform:translateY(1px);box-shadow:0 8px 18px #9333ea47,inset 0 1px #fff3}.login-submit:disabled{opacity:.72;cursor:wait}.login-submit:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}@keyframes login-shell-in{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes login-orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-22px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.login-shell,.login-orb{animation:none!important}.login-submit,.login-field input{transition:none}}@media (max-width:420px){.login-shell{padding:28px 20px 22px}.login-title{font-size:1.7rem}}