@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes login-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-50px,60px)scale(1.18)}}@keyframes login-word{0%{opacity:0;transform:translateY(.7em)rotate(3deg)}to{opacity:1;transform:none}}@keyframes login-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.belo-login{grid-template-columns:minmax(360px,42%) minmax(0,1fr);min-height:100vh;display:grid}.belo-login .vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.belo-login .side{background:var(--ink);color:var(--paper);flex-direction:column;padding:40px 48px;display:flex;position:relative;overflow:hidden}.belo-login .side>*{z-index:1;position:relative}.belo-login .side .orb{z-index:0;filter:blur(64px);pointer-events:none;border-radius:50%;animation:15s ease-in-out infinite alternate login-drift;position:absolute}.belo-login .side .orb1{background:var(--teal-bright);opacity:.5;width:400px;height:400px;top:-150px;right:-140px}.belo-login .side .orb2{background:var(--teal);opacity:.5;width:340px;height:340px;animation-duration:19s;animation-direction:alternate-reverse;bottom:-150px;left:-120px}.belo-login .side .spot{z-index:0;pointer-events:none;background:radial-gradient(440px circle at var(--mx,72%) var(--my,22%), #3fbfb42b, transparent 62%);position:absolute;inset:0}.belo-login .sideLogo{filter:brightness(0)invert();opacity:.96;width:96px;height:auto;animation:.6s both login-rise}.belo-login .mid{margin:auto 0;padding:40px 0}.belo-login .title{letter-spacing:-.03em;max-width:15ch;font-size:clamp(1.85rem,3vw,2.75rem);font-weight:700;line-height:1.12}.belo-login .title .w{animation:.7s cubic-bezier(.2,.7,.2,1) both login-word;display:inline-block}.belo-login .title .hl{background:linear-gradient(90deg, var(--teal-soft), var(--mint-3));color:#0000;-webkit-background-clip:text;background-clip:text}.belo-login .subtitle{color:#ffffffbd;max-width:44ch;margin-top:18px;font-size:1rem;line-height:1.6;animation:.7s .75s both login-rise}.belo-login .foot{color:#ffffff80;font-size:.76rem}.belo-login .steps{--cs:clamp(40px, 3.9vw, 54px);grid-template-columns:repeat(5,1fr);max-width:520px;margin-top:46px;list-style:none;animation:.7s 1s both login-rise;display:grid;position:relative}.belo-login .track{left:10%;right:10%;top:calc(var(--cs) / 2 - 1px);background:#ffffff29;border-radius:2px;height:2px;position:absolute}.belo-login .track i{background:linear-gradient(90deg, var(--teal), var(--teal-soft));width:0;box-shadow:0 0 12px var(--teal-soft);border-radius:2px;transition:width 1s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.belo-login .track b{border-top:2px solid #ffffff57;border-right:2px solid #ffffff57;width:8px;height:8px;margin:-4px 0 0 -6px;position:absolute;top:50%;transform:rotate(45deg)}.belo-login .step{text-align:center;flex-direction:column;align-items:center;gap:11px;display:flex;position:relative}.belo-login .step .c{width:var(--cs);height:var(--cs);font-weight:800;font-size:calc(var(--cs) * .36);color:#ffffff9e;background:linear-gradient(#ffffff14, #ffffff14), var(--ink);border:1.5px solid #ffffff38;border-radius:50%;place-items:center;transition:transform .45s cubic-bezier(.3,1.6,.5,1),color .3s,border-color .3s,box-shadow .3s;display:grid;position:relative}.belo-login .step .c:before{content:"";opacity:0;z-index:-1;background:linear-gradient(160deg, var(--teal-bright), var(--teal));border-radius:50%;transition:opacity .35s;position:absolute;inset:-1.5px}.belo-login .step .c span{position:relative}.belo-login .step .t{color:#ffffff8c;font-size:.78rem;font-weight:600;transition:color .3s}.belo-login .step.on .c{color:var(--paper);z-index:0;border-color:#0000;box-shadow:0 10px 24px #00000052}.belo-login .step.on .c:before{opacity:1}.belo-login .step.on .t{color:#ffffffdb}.belo-login .step.now .c{transform:scale(1.14)}.belo-login .step.now .t{color:var(--paper)}.belo-login .step.now .c:after{content:"";border:2px solid var(--teal-soft);border-radius:50%;animation:1.3s ease-out infinite login-ping;position:absolute;inset:-1.5px}.belo-login .main{place-items:start center;padding:clamp(36px,13vh,140px) 24px 48px;display:grid;position:relative;overflow:hidden}.belo-login .deco{pointer-events:none;position:absolute;inset:0}.belo-login .deco:before{content:"";opacity:.8;background-image:radial-gradient(var(--mint-3) 1.3px, transparent 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 78% 22%,#000 0%,#0000 70%);mask-image:radial-gradient(75% 65% at 78% 22%,#000 0%,#0000 70%)}.belo-login .blob{filter:blur(70px);border-radius:50%;animation:17s ease-in-out infinite alternate login-drift;position:absolute}.belo-login .blob1{background:var(--mint-3);opacity:.75;width:360px;height:360px;bottom:-90px;left:-110px}.belo-login .blob2{background:var(--teal-soft);opacity:.3;width:300px;height:300px;animation-duration:21s;animation-direction:alternate-reverse;top:-90px;right:-60px}.belo-login .orbit{border:1.5px dashed var(--mint-3);border-radius:50%;animation:80s linear infinite login-spin;position:absolute;bottom:0;right:0}.belo-login .orbit1{width:440px;height:440px;margin:0 -220px -220px 0}.belo-login .orbit2{border-color:var(--teal-soft);opacity:.45;width:680px;height:680px;margin:0 -340px -340px 0;animation-duration:120s;animation-direction:reverse}.belo-login .orbit3{opacity:.7;width:920px;height:920px;margin:0 -460px -460px 0;animation-duration:160s}.belo-login .box{z-index:1;background:var(--paper);border:1px solid var(--line);border-radius:24px;width:min(500px,100%);padding:38px 36px 36px;animation:.6s .1s both login-rise;position:relative;box-shadow:0 30px 70px -20px #0f2a3138,0 2px 6px #0f2a310d}.belo-login .boxLogo{width:88px;height:auto;margin-bottom:34px;display:none}.belo-login .box h1{letter-spacing:-.025em;font-size:1.85rem;font-weight:700;line-height:1.2}.belo-login .box h1:focus{outline:none}.belo-login .sub{color:var(--ink-2);margin-top:8px;font-size:.97rem}.belo-login .roles{border:0;border-radius:16px;grid-template-columns:1fr 1fr;gap:14px;min-width:0;margin:26px 0 0;padding:0;transition:padding .2s,background .2s;display:grid}.belo-login .role{animation:.5s .3s both login-rise;display:block;position:relative}.belo-login .role+.role{animation-delay:.4s}.belo-login .role input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.belo-login .role .rc{border:1.5px solid var(--line);background:var(--paper);border-radius:16px;flex-direction:column;gap:3px;height:100%;min-height:172px;padding:20px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.belo-login .role .ri{background:var(--mint);width:46px;height:46px;color:var(--teal-deep);border-radius:13px;flex:none;place-items:center;margin-bottom:auto;transition:background .16s,color .16s;display:grid}.belo-login .role .ri svg{width:22px;height:22px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.belo-login .role:hover .ri svg{transform:translate(2px,-3px)rotate(-8deg)scale(1.08)}.belo-login .role .rt{margin-top:18px;font-size:1.08rem;font-weight:700}.belo-login .role .rd{color:var(--ink-2);font-size:.86rem}.belo-login .role .rk{border:1.5px solid var(--mint-3);color:#0000;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:18px;right:18px}.belo-login .role:hover .rc{border-color:var(--teal-soft);box-shadow:var(--shadow-card);transform:translateY(-2px)}.belo-login .role input:focus-visible+.rc{outline:3px solid var(--teal);outline-offset:2px}.belo-login .role input:checked+.rc{border-color:var(--teal);background:var(--mint);box-shadow:0 0 0 4px #0d8a821c}.belo-login .role input:checked+.rc .ri{background:var(--teal);color:var(--paper)}.belo-login .role input:checked+.rc .rk{background:var(--teal);border-color:var(--teal);color:var(--paper)}.belo-login .role input:checked+.rc .ri,.belo-login .role input:checked+.rc .rk{animation:.4s cubic-bezier(.3,1.6,.5,1) login-pop}.belo-login .picked{background:var(--mint-2);border-radius:14px;gap:5px;padding:5px}.belo-login .picked .rc{min-height:44px;box-shadow:none;background:0 0;border-color:#0000;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:9px;padding:7px 12px;transform:none}.belo-login .picked .ri{background:0 0;border-radius:8px;width:28px;height:28px;margin:0}.belo-login .picked .ri svg{width:17px;height:17px}.belo-login .picked .rt{color:var(--ink-2);margin:0;font-size:.92rem;font-weight:600}.belo-login .picked .rd,.belo-login .picked .rk{display:none}.belo-login .picked .role:hover .rc{box-shadow:none;background:#ffffff8c;border-color:#0000;transform:none}.belo-login .picked .role input:checked+.rc{background:var(--paper);border-color:#0000;box-shadow:0 1px 5px #0f2a3124}.belo-login .picked .role input:checked+.rc .rt{color:var(--ink)}.belo-login .fields{flex-direction:column;gap:18px;margin-top:24px;display:flex}.belo-login .fields>*{animation:.45s both login-rise}.belo-login .fields>:nth-child(2){animation-delay:80ms}.belo-login .fields>:nth-child(3){animation-delay:.16s}.belo-login .fields>:nth-child(4){animation-delay:.2s}.belo-login .solo{margin-top:26px}.belo-login .row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.belo-login .pw{position:relative}.belo-login .pw input{padding-right:68px}.belo-login .pw button{font:inherit;color:var(--teal-deep);background:0 0;border:0;border-radius:8px;padding:0 11px;font-size:.8rem;font-weight:600;position:absolute;top:6px;bottom:6px;right:6px}.belo-login .pw button:hover{background:var(--mint)}.belo-login .err{color:var(--err);align-items:flex-start;gap:6px;margin-top:6px;font-size:.82rem;display:flex}.belo-login .err:before{content:"!";background:var(--err);width:16px;height:16px;color:var(--paper);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:.68rem;font-weight:700;display:grid}.belo-login .formErr{background:var(--err-soft);color:var(--err);border-radius:11px;padding:11px 14px;font-size:.86rem;line-height:1.5}.belo-login .link{font:inherit;color:var(--teal-deep);background:0 0;border:0;padding:0;font-size:.86rem;font-weight:600;text-decoration:none}.belo-login .link:hover{text-decoration:underline}.belo-login .link:focus-visible,.belo-login .pw button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.belo-login .back{align-items:center;gap:6px;margin-bottom:22px;display:inline-flex}.belo-login .shine{width:100%;position:relative;overflow:hidden}.belo-login .shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:40%;transition:left .6s;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.belo-login .shine:not(:disabled):hover:after{left:120%}.belo-login .wide{width:100%}.belo-login .tick{background:var(--mint-2);width:62px;height:62px;color:var(--teal-deep);border-radius:50%;place-items:center;margin-bottom:22px;font-size:1.6rem;display:grid;box-shadow:0 0 0 8px #0d8a8214}.belo-login .sent b{overflow-wrap:anywhere}.belo-login .sent .wide{margin-top:26px}@media (max-width:900px){.belo-login{grid-template-columns:1fr}.belo-login .side{display:none}.belo-login .main{place-items:start center;padding:22px 14px 48px}.belo-login .box{border-radius:20px;padding:26px 18px 24px}.belo-login .boxLogo{display:block}.belo-login .box h1{font-size:1.6rem}.belo-login .roles:not(.picked) .rc{min-height:150px;padding:16px 14px}.belo-login .role .rk{top:14px;right:14px}.belo-login .role .rd{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.belo-login *,.belo-login :before,.belo-login :after{transition:none!important;animation:none!important}}