:root{font-family:Segoe UI,Arial,sans-serif;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html.signin-root,body.signin-page{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}.signin-page{position:fixed;inset:0;background:url('bckgrnd.jpg') center/cover no-repeat;color:#fff}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a6fa05;outline-offset:3px}.signin-shell{height:var(--login-height,100dvh);width:var(--login-width,100%);padding:clamp(12px,2.8vw,44px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(18px,4vw,70px);max-width:1800px;margin:auto;overflow:hidden}.signin-story{display:flex;flex-direction:column;min-width:0;min-height:0;padding:5px 0}.signin-brand{display:block;width:min(100%,650px);flex-shrink:0;animation:brand-breathe 6s ease-in-out infinite}.signin-brand img{display:block;max-width:100%;width:100%;height:auto;max-height:170px;object-fit:contain}.story-content{margin:auto 0;background:none;border:0;padding:22px 0;min-height:0}.signin-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}.story-content h1{font-size:clamp(36px,5.6vw,84px);line-height:1.04;letter-spacing:-2px;margin:20px 0;color:#ff4800;-webkit-text-stroke:.75px white;text-shadow:0 3px 12px #0007}.story-content h1 span{color:#a6fa05}.story-content p{font-size:clamp(13px,1.4vw,18px);line-height:1.6;text-shadow:0 2px 5px #000;-webkit-text-stroke:.15px white}.story-footer{font-size:12px;text-shadow:0 2px 5px #000}.story-footer span{margin-left:12px}.workspace-orbit,.form-symbol,.signin-form-wrap>.signin-eyebrow,.signin-bottom{display:none}.signin-panel{position:relative;min-height:0;min-width:0;overflow:hidden;border-radius:26px;background:transparent;border:1px solid #ffffffaa;box-shadow:inset 0 1px 0 #ffffff80,0 20px 65px #0003;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.signin-form-wrap{position:absolute;left:50%;top:50%;width:calc(100% - 48px);max-width:430px;padding:8px 4px;transform:translate(-50%,-50%) scale(var(--signin-fit,1));transform-origin:center;overflow:visible;color:#fff}.signin-form-wrap h2{font-size:32px;margin:0 0 5px;line-height:1.2;text-shadow:0 2px 5px #000}.signin-subtitle{font-size:14px;margin:0 0 9px;line-height:1.4;text-shadow:0 1px 4px #000}.signin-form-wrap>p{margin:8px 0;font-size:13px;text-shadow:0 1px 4px #000}.signin-form-wrap label{display:block;font-size:13px;font-weight:600;line-height:1.3;margin:10px 0 6px;text-shadow:0 1px 4px #000}.signin-form-wrap input:not([type=hidden]){width:100%;min-width:0;height:44px;border:1px solid #ffffffa0;border-radius:9px;background:#fffffff0;color:#163349;padding:10px 12px;font-size:16px;outline-offset:1px}.password-field{position:relative}.password-field input{padding-right:45px!important}.password-field button{position:absolute;right:3px;top:3px;height:38px;width:38px;border:0;background:transparent;color:#24445a;padding:10px}.password-field svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.signin-submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;border:1px solid #ffffff55;border-radius:10px;padding:12px;font-size:14px;font-weight:700;color:white;background:linear-gradient(100deg,#086db5,#079d83);margin-top:13px;transition:filter .18s,transform .18s}.signin-submit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.signin-submit:hover{filter:brightness(1.15);transform:translateY(-1px)}.signin-note,.signin-help{font-size:11px!important;line-height:1.35;text-align:center;margin:8px 0}.signin-note{display:none}.signin-status{font-size:11px;text-align:center;margin:5px 0}.signin-status:empty{display:none}.signin-alert{padding:9px 12px;background:#ffffffed;color:#173547;border:1px solid #fff;border-radius:9px;font-size:12px;line-height:1.35;margin:8px 0;overflow-wrap:anywhere}.signin-alert.error{background:#fff2e9;color:#8e251b}.human-check{margin:10px 0 0}.captcha-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.signin-form-wrap .captcha-row img{display:block;width:min(260px,70%);height:auto;flex:0 1 260px;min-width:0;object-fit:contain;border-radius:8px}.captcha-row button{flex:0 0 auto;font-size:12px;padding:9px 7px;border-radius:8px;color:#173547;background:#ffffffdb;border:1px solid #fff}.human-check label{margin-top:5px}.public-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}.public-links a{font-size:12px;font-weight:700;text-decoration:none;border:1px solid #ffffffa0;background:#ffffffeb;color:#16486a;padding:8px 12px;border-radius:11px;transition:transform .18s,background .18s}.public-links a:hover{background:#fff;transform:translateY(-1px)}#forgot-password-modal{width:min(92vw,470px);max-width:92vw;border:1px solid white;padding:0;border-radius:22px;background:#f5faff;color:#173547;overflow:hidden;max-height:calc(var(--login-height,100dvh) - 20px)}#forgot-password-modal::backdrop{background:#061d3877;backdrop-filter:blur(6px)}.recovery-dialog-content{padding:26px;position:relative}.recovery-dialog-content h2{margin:0 25px 10px 0;font-size:26px}.recovery-dialog-content p{font-size:13px;line-height:1.4}.recovery-close{position:absolute;right:10px;top:6px;font-size:30px;border:0;background:transparent;color:#173547}.recovery-dialog-content input{width:100%;border:1px solid #9ebacb;border-radius:8px;padding:10px;margin:8px 0;font-size:16px}.recovery-dialog-content label{display:block;font-weight:600;font-size:13px}.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}@keyframes brand-breathe{50%{filter:drop-shadow(0 0 9px #a6fa0580)}}@media(max-width:760px){.signin-shell{display:flex;flex-direction:column;padding:12px 16px;gap:10px}.signin-story{flex:0 0 80px;padding:0;align-items:center}.signin-brand{height:80px;width:min(100%,310px)}.signin-brand img{height:100%;max-height:80px}.story-content,.story-footer{display:none}.signin-panel{flex:1;border-radius:22px}.signin-form-wrap{width:calc(100% - 30px);max-width:420px}.signin-form-wrap h2{font-size:26px}.signin-help{font-size:10px!important}.signin-form-wrap label{margin-top:8px}}@media(max-height:560px) and (min-width:600px) and (pointer:fine){.signin-shell{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);padding:12px;gap:15px}.signin-story{display:flex;justify-content:center;align-items:center;height:auto;flex:auto}.signin-brand{height:auto;width:100%}.signin-brand img{max-height:140px}.story-content,.story-footer{display:none}.signin-panel{height:100%}}@media(prefers-reduced-motion:reduce){.signin-brand{animation:none}.signin-submit,.public-links a{transition:none}}
:root .signin-page .captcha-row{flex-wrap:nowrap}
@media(max-width:380px),(max-height:600px) and (min-width:761px) and (pointer:fine){.signin-form-wrap h2{font-size:22px}.signin-subtitle{font-size:12px}.signin-form-wrap>p{font-size:12px;margin:5px 0}.signin-form-wrap label{font-size:12px;margin:6px 0 4px}.signin-form-wrap input:not([type=hidden]){height:38px;padding:7px 10px}.password-field button{height:32px;padding:7px}.signin-form-wrap .signin-help{display:none}.signin-form-wrap .signin-submit{padding:10px;margin-top:9px}.signin-form-wrap .captcha-row img{flex-basis:220px}.public-links{margin-top:8px}}


/* Continuous logo shimmer and gentle typography motion stay inside the viewport. */
.signin-brand{position:relative;isolation:isolate;overflow:visible}
.signin-brand img{animation:brand-aurora 5s ease-in-out infinite;transform-origin:center}
.signin-brand:hover img,.signin-brand:focus-visible img{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 22px #a6fa05) drop-shadow(0 0 34px #00c3ff);animation:brand-hover-glow 1.6s ease-in-out infinite}
.brand-sprinkles{position:absolute;inset:0;pointer-events:none}
.brand-sprinkles i{position:absolute;left:5%;top:75%;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #a6fa05;animation:brand-sprinkle 3.6s ease-in-out infinite;opacity:0}
.brand-sprinkles i:nth-child(2){left:16%;top:40%;animation-delay:-.6s}.brand-sprinkles i:nth-child(3){left:29%;top:65%;animation-delay:-1.8s}.brand-sprinkles i:nth-child(4){left:38%;top:30%;animation-delay:-2.3s}.brand-sprinkles i:nth-child(5){left:49%;top:65%;animation-delay:-1.2s}.brand-sprinkles i:nth-child(6){left:57%;top:44%;animation-delay:-2.8s}.brand-sprinkles i:nth-child(7){left:68%;top:72%;animation-delay:-.9s}.brand-sprinkles i:nth-child(8){left:76%;top:35%;animation-delay:-3.1s}.brand-sprinkles i:nth-child(9){left:86%;top:58%;animation-delay:-2s}.brand-sprinkles i:nth-child(10){left:94%;top:40%;animation-delay:-.3s}
.signin-brand:hover .brand-sprinkles i{box-shadow:0 0 10px 5px #a6fa05}
.story-content h1 .story-phrase{display:inline-block;color:#ff4800;-webkit-text-stroke:1.5px #fff;paint-order:stroke fill;animation:story-wiggle 5s ease-in-out infinite;transform-origin:30% 65%}
.story-content h1 .story-phrase:nth-of-type(2){animation-delay:-1.5s}
.story-content h1 .possibilities{color:#a6fa05;-webkit-text-stroke:.75px #fff;animation-delay:-3s}
@keyframes brand-aurora{0%,100%{transform:translateY(0) rotate(-.3deg);filter:drop-shadow(0 0 5px #a6fa0577)}50%{transform:translateY(-4px) rotate(.3deg);filter:drop-shadow(0 0 13px #00baffaa)}}
@keyframes brand-hover-glow{0%,100%{transform:translateY(-2px);filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 18px #a6fa05)}50%{transform:translateY(-5px);filter:drop-shadow(0 0 13px #fff) drop-shadow(0 0 28px #00baff)}}
@keyframes brand-sprinkle{0%,100%{opacity:0;transform:translate(0,5px) scale(.4)}25%{opacity:1}70%{opacity:.8;transform:translate(7px,-18px) scale(1.25)}90%{opacity:0;transform:translate(10px,-24px) scale(.3)}}
@keyframes story-wiggle{0%,100%{transform:rotate(-.7deg) translateY(0)}30%{transform:rotate(.65deg) translateY(-2px)}65%{transform:rotate(-.35deg) translateY(1px)}}
@media(prefers-reduced-motion:reduce){.signin-brand img,.signin-brand:hover img,.brand-sprinkles i,.story-content h1 .story-phrase{animation:none}.brand-sprinkles{display:none}}

/* Keep mobile controls at their natural size while the software keyboard is open. */
@media(max-width:760px),(pointer:coarse){
 .signin-panel{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:20px}
 .signin-form-wrap{position:relative;left:auto;top:auto;transform:none!important;width:calc(100% - 30px);margin:0 auto;padding:24px 4px}
 .signin-form-wrap input:not([type=hidden]){font-size:16px;min-height:44px}
 .signin-form-wrap h2{font-size:26px}.signin-subtitle{font-size:14px}
 .signin-form-wrap label{font-size:13px;margin:8px 0 6px}
 .signin-keyboard .signin-panel{overflow-y:auto}
}

/* Company identity stays compact above the sign-in heading. */
.login-company{display:flex;align-items:center;gap:14px;margin:0 0 14px;min-width:0}.login-company>img{width:64px;height:64px;object-fit:contain;flex:none}.login-company strong{font-size:clamp(18px,2vw,24px);line-height:1.2;color:#163c39;overflow-wrap:anywhere}.login-socials{display:flex;gap:12px;align-items:center;margin-top:6px}.login-socials a,.login-socials span{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;color:#0064a3}.login-socials span{opacity:.5}.login-socials svg{width:20px;height:20px;fill:currentColor}.login-socials a:hover{color:#ff4800;transform:translateY(-2px)}
@media(max-width:600px){.login-company{margin-bottom:10px;gap:10px}.login-company>img{width:48px;height:48px}}

/* Company touch links remain above glass and decorative layers. */
.login-company{position:relative;z-index:3}.login-company strong{color:#2cad0c;-webkit-text-stroke:1px #fff;paint-order:stroke fill;text-shadow:0 1px 2px #fff}.login-socials{position:relative;z-index:5}.login-socials a,.login-socials span{width:44px;height:44px;flex-shrink:0;touch-action:manipulation}.login-socials svg{pointer-events:none}.signin-panel::before,.signin-panel::after{pointer-events:none}

.signin-form-wrap .personal-device-option{display:flex;align-items:center;gap:8px;font-size:12px}.signin-form-wrap .personal-device-option input{width:18px;height:18px;min-height:0;flex:none}.personal-device-note{font-size:10px;line-height:1.3;display:block}
