.login-body{background:#e8e9ee;min-height:100vh;margin:0}.login-body:before{display:none}.login,.login *,.login :before,.login :after{box-sizing:border-box}.login{min-height:100dvh;color:var(--label);font-family:var(--font-sans);place-items:center;padding:1.5rem;font-size:.875rem;line-height:1.5;display:grid}.login-frame{background:#fff;border-radius:34px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);width:min(76rem,100%);min-height:min(48rem,100dvh - 3rem);padding:.75rem;display:grid;box-shadow:0 1px 2px #1f21300d,0 30px 70px -40px #1f213059}.login-side{flex-direction:column;justify-content:center;padding:5.5rem clamp(1.5rem,5vw,4.5rem) 3rem;display:flex;position:relative}.login-logo{width:auto;height:3.6rem;display:block;position:absolute;top:1.1rem;left:.9rem}.login-panel{text-align:left;width:100%;max-width:23.5rem;margin:0 auto}.login-title{letter-spacing:-.028em;color:var(--label);margin:0;font-size:2.125rem;font-weight:650;line-height:1.1}.login-sub{color:var(--label-3);margin:.55rem 0 2.1rem;font-size:.9rem}.login-panel .alert{text-align:left;margin:0 0 1.4rem}.login-panel .alert>.icon{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:.05rem}.login-panel .alert-body{flex:1}.login-form{flex-direction:column;gap:1.35rem;display:flex}.nfield{display:block;position:relative}.nfield input{width:100%;height:3.15rem;color:var(--label);font:inherit;letter-spacing:-.006em;background:#fff;border:1px solid #c9cbd6;border-radius:12px;margin:0;padding:0 1rem;font-size:.92rem;transition:border-color .25s,box-shadow .25s}.nfield input::placeholder{color:#1f21306b}.nfield input:hover{border-color:#a9acbd}.nfield input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-ring);outline:none}.nfield input:autofill{-webkit-text-fill-color:var(--label);caret-color:var(--label);box-shadow:inset 0 0 0 100px #fff}.nfield input:autofill:focus{box-shadow:inset 0 0 0 100px #fff, 0 0 0 4px var(--color-accent-ring)}.nfield-label{color:var(--label);pointer-events:none;background:#fff;border-radius:4px;padding:0 .3rem;font-size:.75rem;font-weight:600;line-height:1.1;transition:color .25s;position:absolute;top:0;left:.75rem;translate:0 -50%}.nfield:focus-within .nfield-label{color:var(--color-accent-strong)}.nfield-password input{padding-right:3rem}.nfield-eye{width:2.25rem;height:2.25rem;color:var(--label-3);cursor:pointer;transition:background-color .2s, color .2s, transform var(--dur-bouncy) var(--spring-bouncy);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.45rem;translate:0 -50%}.nfield-eye:hover{background:var(--fill-4);color:var(--label)}.nfield-eye:active{transition-duration:var(--dur-press);transform:scale(.88)}.nfield-eye .icon{width:1.15rem;height:1.15rem}.nfield-eye .eye-hide,.nfield-eye[aria-pressed=true] .eye-show{display:none}.nfield-eye[aria-pressed=true] .eye-hide{display:block}.login-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:-.35rem;font-size:.8rem;display:flex;position:relative}.login-hint{color:var(--label-3);align-items:center;gap:.35rem;display:inline-flex}.login-help>summary{color:var(--color-accent-strong);cursor:pointer;font-weight:650;list-style:none}.login-help>summary::-webkit-details-marker{display:none}.login-help>summary:hover{color:var(--color-accent)}.login-help-panel{z-index:5;width:min(18rem,100%);-webkit-backdrop-filter:var(--mat-blur);backdrop-filter:var(--mat-blur);box-shadow:var(--glass-rim), var(--glass-edge), var(--glass-pop);color:var(--label-2);transform-origin:100% 0;animation:login-pop var(--dur-snappy) var(--spring-bouncy) backwards;background:#ffffffeb;border-radius:16px;margin:0;padding:.8rem .95rem;font-size:.8rem;line-height:1.45;position:absolute;top:calc(100% + .6rem);right:0}.login-help-panel strong{color:var(--label)}.login-btn{background:var(--color-accent);color:#fff;height:3.15rem;font:inherit;letter-spacing:-.009em;cursor:pointer;transition:transform var(--dur-bouncy) var(--spring-bouncy), background-color .25s, box-shadow .25s;border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:.4rem;padding:0 1rem;font-size:.95rem;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 14px 26px -14px #5646d6e6}.login-btn:hover{background:#5646d6}.login-btn[aria-busy=true]{cursor:progress;opacity:.85}.login-btn:active{transition-duration:var(--dur-press);transform:scale(.97)}.login-or{color:var(--label-3);align-items:center;gap:.85rem;margin:1.6rem 0 1.15rem;font-size:.78rem;display:flex}.login-or:before,.login-or:after{content:"";background:var(--separator);flex:1;height:1px}.login-ms{width:100%;height:3rem;color:var(--label);transition:transform var(--dur-bouncy) var(--spring-bouncy), border-color .25s, box-shadow .25s;background:#fff;border:1px solid #c9cbd6;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.login-ms:hover{border-color:#a9acbd;box-shadow:0 10px 20px -14px #1f213073}.login-ms:active{transition-duration:var(--dur-press);transform:scale(.97)}.ms-mark{width:1.15rem;height:1.15rem}.login-demo{border:0;margin-top:1.6rem;padding:0}.login-demo-title{color:var(--label-3);margin:0 0 .6rem;font-size:.78rem}.login-demo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.login-demo-chip{background:var(--fill-4);color:var(--label);font:inherit;text-align:left;cursor:pointer;transition:background-color .25s, box-shadow .25s, transform var(--dur-bouncy) var(--spring-bouncy);border:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.55rem .75rem;font-size:.8rem;display:flex}.login-demo-chip span{color:var(--label-3);font-size:.72rem}.login-demo-chip:hover{background:var(--fill-3)}.login-demo-chip:active{transition-duration:var(--dur-press);transform:scale(.96)}.login-demo-chip.is-active{background:var(--tint-fill);box-shadow:inset 0 0 0 1.5px #6b5ce78c}.login-art{color:#fff;isolation:isolate;background:radial-gradient(90% 70% at 100% 0,#8e80f7 0%,#0000 60%),radial-gradient(80% 60% at 0 100%,#2a86c0 0%,#0000 62%),linear-gradient(165deg,#4b3cc9 0%,#6b5ce7 52%,#5646d6 100%);border-radius:24px;flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(2rem,4vw,3.25rem);display:flex;position:relative;overflow:hidden}.login-shapes{z-index:-1;position:absolute;inset:0}.login-shapes i{will-change:transform;display:block;position:absolute}.login-shapes i:first-child{filter:blur(8px);background:radial-gradient(closest-side at 38% 42%,#fff9,#ffffff29 52%,#0000 74%);border-radius:46% 54% 58% 42%/52% 44% 56% 48%;width:78%;height:118%;animation:26s ease-in-out infinite alternate login-drift-a;top:-24%;left:18%;rotate:-24deg}.login-shapes i:nth-child(2){filter:blur(3px);background:linear-gradient(200deg,#ffffff6b,#8e80f724 48%,#0000 78%);border-radius:58% 42% 50% 50%/42% 58%;width:46%;height:86%;animation:32s ease-in-out infinite alternate login-drift-b;top:18%;left:-16%}.login-shapes i:nth-child(3){filter:blur(70px);opacity:.7;background:#2a86c0;border-radius:50%;width:64%;height:62%;animation:38s ease-in-out infinite alternate login-drift-c;bottom:-24%;left:8%}.login-shapes i:nth-child(4){aspect-ratio:1;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:linear-gradient(150deg,#ffffff80,#ffffff14 58%,#ffffff05);border-radius:47% 53% 44% 56%/53% 46% 54% 47%;width:52%;animation:30s ease-in-out infinite alternate login-drift-d;bottom:-11%;right:-9%;box-shadow:inset 0 2px 8px #ffffffa6,inset 0 -24px 48px #2b1f7a59,0 40px 80px -30px #140a3c99}.login-shapes i:nth-child(5){aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#ffffff8c,#ffffff0d 62%);border-radius:50%;width:15%;animation:22s ease-in-out infinite alternate login-drift-e;top:30%;right:12%;box-shadow:inset 0 2px 6px #ffffffb3,inset 0 -10px 20px #2b1f7a4d,0 24px 40px -18px #140a3c8c}@keyframes login-drift-a{to{transform:translate(-8%,6%)scale(1.06)}}@keyframes login-drift-b{to{transform:translate(10%,-6%)rotate(8deg)}}@keyframes login-drift-c{to{transform:translate(18%,-10%)scale(1.1)}}@keyframes login-drift-d{to{transform:translate(-6%,-5%)rotate(-10deg)}}@keyframes login-drift-e{to{transform:translate(-30%,40%)}}.login-headline{letter-spacing:-.03em;text-shadow:0 2px 24px #140a3c40;max-width:32rem;margin:0;font-size:clamp(1.9rem,2.75vw,2.6rem);font-weight:300;line-height:1.1}.login-headline strong{font-weight:650}.login-sources{letter-spacing:-.012em;color:#ffffffe6;text-align:center;margin:0;font-size:1rem;font-weight:600}@media (prefers-reduced-motion:reduce){.login-shapes i{animation:none}}@media (max-width:900px){.login{padding:.75rem}.login-frame{border-radius:28px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 1.5rem);padding:.5rem}.login-art{border-radius:22px;order:-1;min-height:13rem;padding:1.5rem}.login-headline{font-size:1.85rem}.login-sources{text-align:left;font-size:.9rem}.login-side{padding:2rem 1.25rem 2.25rem}.login-logo{align-self:flex-start;height:3rem;margin:-.5rem 0 1rem -.6rem;position:static}}:root[data-theme=dark] .login-art{background:radial-gradient(90% 70% at 100% 0,#8e80f780 0%,#0000 60%),radial-gradient(80% 60% at 0 100%,#2a86c06b 0%,#0000 62%),linear-gradient(165deg,#261e74 0%,#3a2f9f 52%,#2e2590 100%)}:root[data-theme=dark] .login-shapes i:first-child{opacity:.5}:root[data-theme=dark] .login-shapes i:nth-child(2){opacity:.55}:root[data-theme=dark] .login-shapes i:nth-child(3){opacity:.35}:root[data-theme=dark] .login-shapes i:nth-child(4),:root[data-theme=dark] .login-shapes i:nth-child(5){opacity:.7}:root[data-theme=dark] .login-body{background:#080a14}:root[data-theme=dark] .login-frame{background:#12162a;box-shadow:0 0 0 1px #ffffff0f,0 30px 70px -40px #000000e6}:root[data-theme=dark] .login-logo{filter:brightness(0)invert()}:root[data-theme=dark] .nfield input,:root[data-theme=dark] .login-ms{color:var(--label);background:0 0;border-color:#ffffff29}:root[data-theme=dark] .nfield input::placeholder{color:#e9ebf866}:root[data-theme=dark] .nfield input:hover,:root[data-theme=dark] .login-ms:hover{border-color:#ffffff47}:root[data-theme=dark] .nfield input:focus{border-color:#8e80f7}:root[data-theme=dark] .nfield-label{background:#12162a}:root[data-theme=dark] .nfield:focus-within .nfield-label{color:#b3aaff}:root[data-theme=dark] .nfield input:autofill{-webkit-text-fill-color:var(--label);box-shadow:inset 0 0 0 100px #12162a}:root[data-theme=dark] .login-help-panel{background:#1e223cf0}:root[data-theme=dark] .login-help>summary:hover{color:#d6d0ff}:root[data-theme=dark] .login-art{box-shadow:inset 0 0 0 1px #ffffff0f}@keyframes login-pop{0%{opacity:0;transform:translateY(-6px)scale(.86)}}
.login-body{--label:var(--foreground);--label-2:var(--foreground-soft);--label-3:var(--foreground-muted);--color-accent:var(--accent);--color-accent-strong:var(--accent-strong);--color-accent-ring:var(--accent-ring);--separator:var(--border);--mat-blur:blur(30px) saturate(190%);--glass-rim:var(--glass-rim-shadow);--glass-edge:var(--glass-edge-shadow);--glass-pop:0 1px 1px #1f21300a, 0 14px 32px -8px #1f213033, 0 44px 90px -30px #2b1f7a5c;--dur-snappy:.42s}:root[data-theme=dark] .login-body{--glass-pop:0 2px 8px #0006, 0 40px 90px -30px #000000e6}.login-panel .alert{border-radius:16px;gap:.6rem;padding:.75rem .9rem;font-size:.84rem;line-height:1.45;display:flex}.login-panel .alert-danger{background:var(--alert-error-soft);color:var(--alert-error)}