@property --login-rim-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.login-page{--scene-x:74%;--scene-y:47%;--scene-width:122vw;--login-gutter:clamp(48px,6.3vw,120px);isolation:isolate;background:#080808;max-width:none;min-height:100svh;display:block;position:relative;overflow:hidden}.login-masthead{z-index:4;top:38px;left:var(--login-gutter);right:var(--login-gutter);align-items:center;gap:36px;animation:1s cubic-bezier(.16,1,.3,1) both login-identity-enter;display:flex;position:absolute}.login-masthead .brand{letter-spacing:-.045em;flex:none;gap:15px;font-size:22px}.login-masthead .brand-face{width:76px;height:64px;transition:filter .3s,transform .45s cubic-bezier(.16,1,.3,1)}.login-masthead .brand:hover .brand-face{filter:drop-shadow(0 0 12px #ffffff35);transform:translateY(-2px)rotate(-3deg)}.login-masthead-rule{transform-origin:0;background:linear-gradient(90deg,#ffffff28,#0000);width:160px;height:1px;animation:1.4s cubic-bezier(.16,1,.3,1) both login-rule-enter}.login-art{z-index:1;pointer-events:none;border:0;width:100%;height:100%;padding:0;transition:opacity .6s;display:block;position:absolute;inset:0;overflow:hidden}.login-layout{z-index:3;pointer-events:none;align-items:center;width:100%;max-width:1920px;min-height:100svh;margin:auto;display:flex;position:relative}.login-entry{width:100%;min-height:100svh;padding:164px var(--login-gutter) 104px;pointer-events:none;align-items:center;display:flex;position:relative}.login-box{isolation:isolate;pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#151515ed,#0c0c0cf0 62%,#121212db);border:1px solid #ffffff21;border-radius:24px;width:100%;max-width:424px;margin:0;padding:40px 34px 36px;transition:background .35s,border-color .35s,box-shadow .35s;animation:1s cubic-bezier(.16,1,.3,1) both login-panel-enter;position:relative;box-shadow:0 30px 80px #00000040,inset 0 1px #ffffff09}.login-box:focus-within{border-color:#ffffff40;box-shadow:0 30px 80px #0005,0 0 50px #ffffff04,inset 0 1px #ffffff12}.login-frame-light{z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--login-rim-angle),transparent 0deg,transparent 245deg,#ffffff05 280deg,#ffffff6a 312deg,transparent 338deg);padding:1px;animation:12s linear infinite login-rim-travel;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-box h1{letter-spacing:-.05em;margin:0 0 38px;font-size:clamp(36px,3.3vw,46px);line-height:1.2;animation:1.1s cubic-bezier(.16,1,.3,1) both login-title-enter}.login-box .stack{gap:18px;animation:1.1s both login-controls-enter}.login-box label{color:#b0b0b0;margin:0 0 -5px;font-size:14px;font-weight:400;transition:color .2s}.login-box form:focus-within>label{color:#f3f3f3}.login-box .key-input{background:#080808c9;border:1px solid #777;border-radius:12px;min-height:60px;padding-left:17px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.login-box .key-input:hover{background:#0b0b0b;border-color:#aaa}.login-box .key-input:focus-within{outline-offset:4px;background:#080808;border-color:#f3f3f3;outline:2px solid #f3f3f3;box-shadow:0 0 24px #ffffff09}.login-box .key-input>svg{transition:color .2s,transform .3s}.login-box .key-input:focus-within>svg{color:#f3f3f3;transform:rotate(-12deg)}.login-box .key-input input{height:58px;padding-block:16px;padding-inline:13px}.login-box .key-input .icon-button{border-radius:8px;flex:none;margin-right:5px}.login-box .button.primary{isolation:isolate;background:#f3f3f3;border-radius:12px;justify-content:space-between;min-height:58px;margin-top:8px;padding:12px 16px 12px 21px;transition:background .2s,box-shadow .2s;position:relative;overflow:hidden}.login-box .button.primary:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 30%,#fff 50%,#0000 70%);transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-130%)}.login-box .button.primary:not(:disabled):hover:before{transform:translate(130%)}.login-box .button.primary:not(:disabled):hover{background:#fff;box-shadow:0 4px 30px #ffffff12}.login-box .button.primary:active{background:#d9d9d9}.login-box .button.primary>svg:not(.spin){color:#f3f3f3;background:#101010;border-radius:50%;width:30px;height:30px;padding:6px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.login-box .button.primary:hover>svg:not(.spin){transform:rotate(-35deg)}.login-box .form-message{background:#ffffff06;border:1px dashed #777;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;animation:.2s ease-out login-error-enter}.login-scrim{z-index:2;pointer-events:none;background:linear-gradient(90deg,#080808 0%,#080808f7 23%,#080808b0 36%,#08080820 51%,#08080800 64%);position:absolute;inset:0}.dither-reveal{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}.dither-reveal .login-hands{left:var(--scene-x);top:var(--scene-y);width:var(--scene-width);aspect-ratio:3/2;object-fit:contain;opacity:1;max-width:none;height:auto;max-height:none;display:block;position:absolute;transform:translate(-50%,-50%)}.dither-canvas{opacity:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dither-reveal[data-render-state=ready] .dither-canvas{opacity:1}.dither-reveal[data-render-state=ready] .login-hands{opacity:0}.login-atmosphere{z-index:0;pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.login-light{left:var(--scene-x);top:var(--scene-y);background:radial-gradient(#ffffff0e,#0000 62%);border-radius:50%;width:100vw;height:100vw;max-height:150vh;animation:12s ease-in-out infinite alternate login-light-breathe;position:absolute;transform:translate(-50%,-50%)}.login-light-two{opacity:.55;width:65vw;height:65vw;margin:12% 0 0 12%;animation-duration:19s;animation-delay:-8s}.login-light-sheet{left:var(--scene-x);top:var(--scene-y);background:linear-gradient(#0000 38%,#ffffff03 46%,#ffffff0b 50%,#0000 52%);width:145vw;height:90vh;animation:22s ease-in-out infinite alternate login-sheet-roll;position:absolute;transform:translate(-50%,-50%)rotate(-35deg)}.login-light-sheet-two{opacity:.45;animation-direction:alternate-reverse;animation-delay:-11s}.login-contact-waves{left:var(--scene-x);top:var(--scene-y);aspect-ratio:1;width:min(80vw,100vh);position:absolute;transform:translate(-50%,-50%)}.login-contact-waves i{border:1px solid #ffffff29;border-radius:50%;animation:10s cubic-bezier(.15,.5,.3,1) infinite both login-contact-wave;position:absolute;inset:0}.login-contact-waves i+i{animation-delay:-5s}.login-orbital-field{left:var(--scene-x);top:var(--scene-y);aspect-ratio:1;opacity:.85;perspective:900px;width:min(70vw,110vh);position:absolute;transform:translate(-50%,-50%)rotate(-24deg)}.login-orbit{border:1px solid #fff2;border-radius:50%;animation:18s ease-in-out infinite alternate login-orbit-breathe;position:absolute;inset:0}.login-orbit-outer{border-color:#ffffff10;animation-duration:25s;animation-delay:-11s;inset:-17%}.login-orbit-middle{animation-delay:-5s}.login-orbit-inner{border-color:#ffffff13;animation-duration:21s;animation-delay:-13s;inset:17%}.login-orbit-glint{background:conic-gradient(#0000 0deg,#fff0 280deg,#ffffff38 320deg,#0000 345deg);border-radius:50%;animation:22s linear infinite login-orbit-turn;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 1px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,#0000 calc(100% - 1px),#000 calc(100% - 1px))}.login-orbit-glint-reverse{opacity:.5;animation-duration:17s;animation-direction:reverse;inset:17%}.login-contours{stroke:#f3f3f3;stroke-width:.7px;width:100%;height:100%;position:absolute;inset:0}.login-flow{opacity:.1}.login-flow-far{opacity:.07}.login-flow-light{stroke-width:1px;stroke-dasharray:8 92;opacity:.32;animation:15s linear infinite login-flow-pass}.login-flow-light-return{opacity:.17;animation-duration:19s;animation-direction:reverse;animation-delay:-7s}.login-edge{background:linear-gradient(90deg,#ffffff08,#0000 28% 80%,#ffffff1c);height:1px;position:absolute;left:36px;right:36px}.login-edge-top{top:24px}.login-edge-bottom{bottom:24px}@keyframes login-identity-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes login-rule-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes login-panel-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-title-enter{0%,15%{clip-path:inset(0 0 100%);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes login-controls-enter{0%,30%{opacity:0}to{opacity:1}}@keyframes login-error-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes login-rim-travel{to{--login-rim-angle:360deg}}@keyframes login-light-breathe{0%{opacity:.45;transform:translate(-50%,-50%)scale(.85)}to{opacity:1;transform:translate(-46%,-54%)scale(1.15)}}@keyframes login-sheet-roll{0%{opacity:.35;transform:translate(-50%,-50%)rotate(-44deg)}to{opacity:1;transform:translate(-48%,-48%)rotate(-22deg)}}@keyframes login-contact-wave{0%{opacity:0;transform:scale(.1,.08)}15%{opacity:.36}85%,to{opacity:0;transform:scale(1.25,.95)}}@keyframes login-orbit-breathe{0%{transform:rotateX(18deg)rotateY(-30deg)rotate(-8deg)}to{transform:rotateX(-24deg)rotateY(26deg)rotate(8deg)}}@keyframes login-orbit-turn{to{transform:rotate(360deg)}}@keyframes login-flow-pass{0%{stroke-dashoffset:15px}to{stroke-dashoffset:-85px}}@media (min-width:768px) and (max-width:1100px){.login-page{--login-gutter:40px}.login-box{max-width:348px;padding:32px 25px}.login-masthead .brand{font-size:21px}.login-scrim{background:linear-gradient(90deg,#080808 0%,#080808f0 32%,#0808088a 49%,#08080800 80%)}}@media (max-width:767px){.login-page{--scene-x:52%;--scene-y:clamp(150px,25svh,210px);--scene-width:145vw;--login-gutter:22px}.login-masthead{gap:20px;top:22px}.login-masthead .brand{gap:11px;font-size:20px}.login-masthead .brand-face{width:60px;height:52px}.login-masthead-rule{flex:1;width:auto}.login-layout{min-height:100svh;display:block}.login-entry{min-height:100svh;padding:clamp(290px,40svh,340px) var(--login-gutter) 48px;align-items:center;display:flex}.login-box{border-radius:22px;max-width:420px;margin:0 auto;padding:28px 24px}.login-box h1{margin-bottom:28px;font-size:32px}.login-box .stack{gap:16px}.login-box .key-input{min-height:54px;padding-left:13px}.login-box .key-input input{height:52px;padding-left:10px}.login-box .button.primary{min-height:54px;margin-top:7px}.login-box .button.primary>svg:not(.spin){width:28px;height:28px}.login-scrim{background:linear-gradient(#08080800 0% 27%,#08080860 37%,#080808ed 55%,#080808 76%)}.login-orbital-field{opacity:.6;width:112vw}.login-light{width:180vw;height:160vw;max-height:none}.login-contact-waves{width:120vw}.login-light-sheet{width:200vw}.login-contours{opacity:.65;width:180%;left:-40%}.login-edge{left:20px;right:20px}.login-edge-top{display:none}.login-edge-bottom{bottom:20px}}@media (max-width:767px) and (max-height:700px){.login-page{--scene-y:155px}.login-entry{padding-top:246px;padding-bottom:28px}.login-box{padding:25px 22px}.login-box h1{margin-bottom:23px}}@media (prefers-reduced-motion:reduce){.login-page *{transition:none!important;animation:none!important}.login-contact-waves{display:none}}