:root{--auth-glow: rgba(46, 188, 199, .18);--auth-glow-2: rgba(109, 74, 168, .1);--auth-grid: rgba(31, 24, 52, .05);--auth-cable: rgba(18, 115, 125, .2);--auth-flow: rgba(18, 115, 125, .6);--auth-dot: #12737d;--auth-node: rgba(43, 149, 161, .5);--auth-node-fill: rgba(255, 255, 255, .85);--auth-light: rgba(18, 115, 125, .7);--auth-cloud: rgba(255, 255, 255, .95);--auth-cloud-base: rgba(255, 255, 255, 0)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--auth-glow: rgba(46, 188, 199, .16);--auth-glow-2: rgba(126, 90, 200, .14);--auth-grid: rgba(236, 233, 245, .04);--auth-cable: rgba(46, 188, 199, .17);--auth-flow: rgba(46, 188, 199, .6);--auth-dot: #6fd6de;--auth-node: rgba(46, 188, 199, .38);--auth-node-fill: rgba(28, 24, 48, .9);--auth-light: rgba(111, 214, 222, .75);--auth-cloud: rgba(126, 90, 200, .2);--auth-cloud-base: rgba(126, 90, 200, 0)}}:root[data-theme=dark]{--auth-glow: rgba(46, 188, 199, .16);--auth-glow-2: rgba(126, 90, 200, .14);--auth-grid: rgba(236, 233, 245, .04);--auth-cable: rgba(46, 188, 199, .17);--auth-flow: rgba(46, 188, 199, .6);--auth-dot: #6fd6de;--auth-node: rgba(46, 188, 199, .38);--auth-node-fill: rgba(28, 24, 48, .9);--auth-light: rgba(111, 214, 222, .75);--auth-cloud: rgba(126, 90, 200, .2);--auth-cloud-base: rgba(126, 90, 200, 0)}.auth-backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;container-type:size}.auth-backdrop-glow,.auth-backdrop-grid,.auth-backdrop-net{position:absolute;inset:0;width:100%;height:100%}.auth-backdrop-glow{background:radial-gradient(circle at 10% 18%,var(--auth-glow),transparent 55%),radial-gradient(circle at 90% 84%,var(--auth-glow),transparent 55%),radial-gradient(circle at 80% 20%,var(--auth-glow-2),transparent 42%)}.auth-backdrop-grid{background-image:linear-gradient(var(--auth-grid) 1px,transparent 1px),linear-gradient(90deg,var(--auth-grid) 1px,transparent 1px);background-size:64px 64px;background-position:center}.auth-sky{position:absolute;left:50%;top:50%;width:max(100vw,160vh);height:max(62.5vw,100vh);width:max(100cqw,160cqh);height:max(62.5cqw,100cqh);translate:-50% -50%}.auth-cloud{position:absolute}.auth-cloud svg{display:block;width:100%;height:auto;overflow:visible}.auth-cloud path{fill:url(#auth-cloud-shade)}.auth-cloud-top{stop-color:var(--auth-cloud)}.auth-cloud-base{stop-color:var(--auth-cloud-base)}.auth-cloud-a{left:52%;top:5.5%;width:17%}.auth-cloud-b{left:33%;top:80.5%;width:14%}.auth-cloud-c{left:1.5%;top:55%;width:12%}.auth-cloud-d{left:80%;top:33%;width:13%}.auth-net-cables path{fill:none;stroke:var(--auth-cable);stroke-width:1.5}.auth-net-servers rect,.auth-net-regions path{fill:var(--auth-node-fill);stroke:var(--auth-node);stroke-width:1.5}.auth-net-server-lines{fill:none;stroke:var(--auth-node);stroke-width:1.5;stroke-linecap:round}.auth-net-server-lights{fill:var(--auth-light)}.auth-net-packet{display:none}@supports (offset-path: path("M0 0H1")){.auth-net-packet{display:inline;fill:none;stroke:var(--auth-flow);stroke-width:2;stroke-linecap:round;offset-rotate:auto}}.auth-net-dot{fill:var(--auth-dot);stroke:none}.auth-packet-top{offset-path:path("M170 150C330 60 500 110 640 64S1060 40 1260 170")}.auth-packet-bottom{offset-path:path("M150 730C380 870 600 800 830 848S1160 880 1300 760")}.auth-packet-right-upper{offset-path:path("M1260 170C1180 280 1250 420 1110 520")}.auth-packet-left-upper{offset-path:path("M170 150C260 230 190 360 330 430")}.auth-packet-right-lower{offset-path:path("M1110 520C1050 640 1250 660 1300 760")}.auth-packet-lane-1{offset-distance:22%}.auth-packet-lane-2{offset-distance:55%}.auth-packet-lane-3{offset-distance:84%}.auth-packet-right-upper,.auth-packet-left-upper{offset-distance:40%}.auth-packet-right-lower{offset-distance:62%}@media(prefers-reduced-motion:no-preference){.auth-backdrop-glow{animation:auth-glow 15s steps(60) 4 alternate}.auth-cloud{animation:auth-drift 30s steps(120) 2 alternate}.auth-cloud-b,.auth-cloud-d{animation-name:auth-drift-back}.auth-cloud-c{animation-delay:-6s}.auth-net-packet{animation:auth-packet 20s linear 3 both}.auth-packet-bottom{animation-direction:reverse}.auth-packet-lane-2{animation-delay:-6.7s}.auth-packet-lane-3{animation-delay:-13.3s}.auth-packet-right-upper{animation-duration:10s;animation-iteration-count:6;animation-delay:-3s}.auth-packet-left-upper{animation-duration:7.5s;animation-iteration-count:8}.auth-packet-right-lower{animation-duration:10s;animation-iteration-count:6;animation-delay:-5s}}@keyframes auth-glow{to{transform:scale(1.06);opacity:.75}}@keyframes auth-drift{to{transform:translate(14%)}}@keyframes auth-drift-back{to{transform:translate(-14%)}}@keyframes auth-packet{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.auth-column{position:relative;isolation:isolate}.auth-column:before{content:"";position:absolute;z-index:-1;inset:-56px calc(-.5*(100vw - 100%));background:var(--surface-page);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 48px,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 48px,#000 calc(100% - 48px),transparent)}@media(prefers-reduced-motion:no-preference){.auth-column:before{transition:background-color .12s ease}}@media(min-width:576px){.auth-column:before{inset:-72px calc(-1*min(96px,(100vw - 100%) / 2));border-radius:96px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to right,transparent,#000 88px,#000 calc(100% - 88px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(to right,transparent,#000 88px,#000 calc(100% - 88px),transparent);mask-composite:intersect}}
