.demo-login-page{isolation:isolate;color:#f5f5f7;perspective:1200px;background:radial-gradient(circle at 50% 46%,#2f3e5933,#0000 30%),radial-gradient(circle at 18% 12%,#2038521f,#0000 28%),linear-gradient(145deg,#05070a 0%,#090d13 48%,#020305 100%);place-items:center;min-height:100svh;padding:36px 20px;display:grid;position:relative;overflow:hidden auto}.login-aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-aurora:before{content:"";opacity:0;filter:blur(28px);mix-blend-mode:screen;transform-origin:50%;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#67c2ff05 19%,#9edcff26 34%,#ffffff80 48%,#c1e8ff38 57%,#7781ff0f 74%,#0000 100%);width:120vmax;height:120vmax;animation:6s cubic-bezier(.42,0,.2,1) infinite login-background-sweep;position:absolute;top:50%;left:50%;transform:translate(-150%,-58%)rotate(-24deg)scaleY(.46)}.login-aurora:after{content:"";opacity:.2;background-image:radial-gradient(circle,#acddff33 .8px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#000000bf 42%,#0000 86%);mask-image:radial-gradient(#000 0%,#000000bf 42%,#0000 86%)}.login-aurora__glow{filter:blur(82px);opacity:.56;will-change:transform, opacity;border-radius:50%;display:block;position:absolute;transform:translate(0,0)}.login-aurora__glow--cyan{background:radial-gradient(circle,#00f2feeb,#1294eb4d 48%,#0000 72%);width:min(62vw,840px);height:min(56vw,720px);animation:8s cubic-bezier(.45,0,.55,1) infinite alternate login-aurora-cyan;top:-24%;left:-12%}.login-aurora__glow--blue{background:radial-gradient(circle,#2a5cffeb,#2a37be47 51%,#0000 74%);width:min(58vw,780px);height:min(54vw,700px);animation:9.5s cubic-bezier(.45,0,.55,1) infinite alternate login-aurora-blue;bottom:-25%;right:-16%}.login-aurora__glow--violet{opacity:.46;background:radial-gradient(circle,#964affd1,#4f3bb73d 52%,#0000 74%);width:min(48vw,650px);height:min(44vw,590px);animation:11s cubic-bezier(.45,0,.55,1) infinite alternate login-aurora-violet;top:3%;right:3%}.login-aurora__glow--center{opacity:.42;filter:blur(96px);background:radial-gradient(#4facfe8a,#3a63d22e 48%,#0000 74%);width:min(52vw,700px);height:min(36vw,480px);animation:7s ease-in-out infinite alternate login-aurora-center;top:34%;left:27%}.demo-login{--spot-x:50;--spot-y:35;z-index:1;-webkit-backdrop-filter:blur(12px)saturate(125%);backdrop-filter:blur(12px)saturate(125%);width:min(680px,100%);transform-style:preserve-3d;transform-origin:50%;will-change:transform;background:linear-gradient(145deg,#ffffff13,#0000 34%),#0b0f15a8;border:1px solid #ffffff1f;border-radius:20px;padding:clamp(24px,4vw,42px);position:relative;overflow:hidden;box-shadow:0 50px 110px #000000a3,0 12px 32px #00000061,inset 0 1px #ffffff21,inset 0 -1px #ffffff09}.demo-login__spotlight{z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at calc(var(--spot-x) * 1%) calc(var(--spot-y) * 1%), #ffffff30 0%, #8edcff1a 15%, transparent 43%), linear-gradient(120deg, #ffffff14, transparent 26% 70%, #61caff0e);mix-blend-mode:screen;position:absolute;inset:0;transform:translateZ(1px);box-shadow:inset 0 0 0 1px #ffffff0b,inset 22px 18px 48px #ffffff05}.demo-login__back,.demo-login__heading,.demo-login form{z-index:2;transform-style:preserve-3d;position:relative}.demo-login__back{display:inline-block;transform:translateZ(24px)}.demo-login__heading{transform:translateZ(30px)}.demo-login form{transform:translateZ(22px)}.demo-login input,.demo-login button,.demo-login__question{z-index:4;pointer-events:auto;position:relative;transform:none}@media (min-width:621px){.demo-login{zoom:.67}}.demo-login__back{color:#a8adb7;font-size:14px;text-decoration:none}.demo-login__back:hover{color:#fff}.demo-login__heading{margin:30px 0 34px}.demo-login__heading p{color:#83d9ff;margin:0 0 8px;font-size:14px}.demo-login__heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,5vw,42px)}.demo-login__heading span{color:#9399a4;margin-top:10px;font-size:14px;display:block}.demo-login__mode{z-index:3;background:#0205097a;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:-12px 0 26px;padding:4px;display:grid;position:relative}.demo-login__mode button{color:#8e98a8;cursor:pointer;min-height:42px;font:inherit;background:0 0;border:0;border-radius:7px;font-size:14px}.demo-login__mode button.is-active{color:#081118;background:#d9f3fb;box-shadow:0 4px 14px #2289b229}.demo-login__mode--sub{background:#02050957;border-color:#ffffff12;margin-top:-18px;margin-bottom:26px}.demo-login__mode--sub button{min-height:38px;font-size:13px}.demo-login form{gap:26px;display:grid}.demo-login__field{gap:12px;display:grid}.demo-login__field>span,.demo-login__group legend{color:#eeeef2;font-size:17px;font-weight:600}.demo-login__group{border:0;min-width:0;margin:0;padding:0}.demo-login__group legend{margin-bottom:12px}.demo-login input,.demo-login__question,.demo-login__code-row button,.demo-login__refresh{color:#f4f4f6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);min-height:60px;font:inherit;background:#0205099e;border:1px solid #ffffff21;border-radius:10px;font-size:17px;box-shadow:inset 0 1px #ffffff0b,0 10px 24px #00000029}.demo-login input{outline:none;width:100%;padding:0 18px}.demo-login input::placeholder{color:#717884}.demo-login input:focus{border-color:#7ed9ffb3;box-shadow:0 0 0 3px #49baea1f,inset 0 1px #ffffff12}.demo-login__human-row{grid-template-columns:1fr 1fr 64px;gap:12px;display:grid}.demo-login__question{background:#12171fa1;place-items:center;font-weight:700;display:grid}.demo-login__refresh,.demo-login__code-row button{cursor:pointer;background:#12171fa8}.demo-login__refresh{font-size:26px}.demo-login__refresh:hover,.demo-login__code-row button:hover{background:#1b222cc2;border-color:#8bd6f666}.demo-login__code-row button:disabled{cursor:wait;opacity:.55}.demo-login__code-row{grid-template-columns:1fr 168px;gap:12px;display:grid}.demo-login__message{color:#91dbf9;min-height:20px;margin:-8px 0;font-size:13px}.demo-login__submit{color:#071017;cursor:pointer;min-height:64px;font:inherit;background:linear-gradient(110deg,#f5f7f8,#cdeefa 52%,#edf7fa);border:1px solid #ffffffa3;border-radius:10px;font-size:17px;font-weight:700;box-shadow:0 14px 34px #2289b229,inset 0 1px #fff}.demo-login__submit:hover{background:#fff}.demo-login__submit:disabled{cursor:wait;opacity:.65}@keyframes login-aurora-cyan{0%{opacity:.34;transform:translate(-18%,-14%)scale(.76)}52%{opacity:.68;transform:translate(24%,21%)scale(1.22)}to{opacity:.44;transform:translate(44%,2%)scale(.9)}}@keyframes login-aurora-blue{0%{opacity:.38;transform:translate(18%,15%)scale(.78)}48%{opacity:.66;transform:translate(-28%,-19%)scale(1.24)}to{opacity:.46;transform:translate(-9%,-42%)scale(.9)}}@keyframes login-aurora-violet{0%{opacity:.25;transform:translate(24%,-18%)scale(.72)}52%{opacity:.56;transform:translate(-31%,27%)scale(1.28)}to{opacity:.34;transform:translate(-48%,6%)scale(.88)}}@keyframes login-aurora-center{0%{opacity:.2;transform:translate(-18%,8%)scale(.72)}to{opacity:.58;transform:translate(22%,-12%)scale(1.34)}}@keyframes login-background-sweep{0%,10%{opacity:0;transform:translate(-150%,-58%)rotate(-24deg)scaleY(.46)}17%{opacity:.32}48%{opacity:.58;transform:translate(-50%,-50%)rotate(-24deg)scaleY(.52)}68%{opacity:.26;transform:translate(52%,-42%)rotate(-24deg)scaleY(.46)}75%,to{opacity:0;transform:translate(82%,-38%)rotate(-24deg)scaleY(.42)}}@media (max-width:620px){.demo-login-page{perspective:none;align-items:start;padding:14px}.login-aurora__glow{filter:blur(86px);opacity:.34;min-width:440px;min-height:440px}.login-aurora:before{filter:blur(24px);width:160vmax;height:160vmax}.login-aurora__glow--cyan{top:-14%;left:-58%}.login-aurora__glow--blue{bottom:-9%;right:-62%}.login-aurora__glow--violet{opacity:.24;top:28%;right:-68%}.login-aurora__glow--center{filter:blur(100px);top:30%;left:-20%}.login-aurora:after{opacity:.14;background-size:24px 24px}.demo-login{border-radius:16px;padding:24px 18px;animation:6s ease-in-out infinite alternate login-mobile-float;transform:none!important}.demo-login__heading{margin:24px 0 28px}.demo-login form{gap:22px}.demo-login__human-row{grid-template-columns:1fr 58px}.demo-login__question{grid-column:1/-1}.demo-login__code-row{grid-template-columns:1fr 120px}.demo-login input,.demo-login__question,.demo-login__code-row button,.demo-login__refresh{min-height:54px;font-size:15px}}@keyframes login-mobile-float{0%{translate:0}to{translate:0 5px}}@media (prefers-reduced-motion:reduce){.login-aurora:before,.login-aurora__glow,.demo-login{animation:none}.login-aurora__glow{transform:none}.demo-login{transform:none!important}}