@font-face{font-family:Manrope;src:local("Manrope");font-weight:100 900}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2948;background:#f4f4f0;-webkit-font-smoothing:antialiased}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.06fr) minmax(490px,.94fr)}.brand-panel{position:relative;min-height:100vh;overflow:hidden;background:#182344;color:#fff;padding:34px clamp(38px,6vw,96px) 26px;display:flex;flex-direction:column}.brand-panel:before,.brand-panel:after{content:"";position:absolute;pointer-events:none;border:1px solid #fff1;border-radius:50%;width:750px;height:750px;right:-320px;top:14%;box-shadow:0 0 0 44px #fff04,0 0 0 90px #fff03,0 0 0 140px #fff02}.brand-panel:after{width:370px;height:370px;right:-120px;top:38%;box-shadow:0 0 0 34px #fff03,0 0 0 70px #fff02}.brand-head,.brand-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand-head img{width:min(238px,52%);height:auto;object-fit:contain}.brand-index,.eyebrow,.scan-meta,.scan-coordinates,.brand-foot,.welcome-mark,.form-foot{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;font-size:9px}.brand-index{color:#aab7d1;white-space:nowrap}.brand-index i,.brand-foot b,.demo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bee276;margin-left:10px;vertical-align:middle}.brand-copy{position:relative;z-index:1;margin:clamp(48px,8vh,105px) 0 26px;max-width:590px}.eyebrow{color:#c7d0e3;text-transform:uppercase}.brand-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.065em;margin:21px 0 17px;font-weight:600}.brand-copy h1 em{font-style:normal;color:#c3e67f}.brand-copy p{max-width:390px;color:#c2cce0;font-size:15px;line-height:1.7;margin:0}.scan-window{position:relative;z-index:1;overflow:hidden;margin:auto 0 34px;min-height:180px;height:clamp(190px,26vh,300px);border:1px solid #dbe6f044;background:#101a31;box-shadow:0 20px 55px #07102355}.scan-window:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#101a31 0%,#101a3133 25%,transparent 50%,#101a3170 100%),linear-gradient(0deg,#101a31 0%,transparent 32%,transparent 72%,#101a31 100%)}.scan-window img{width:100%;height:100%;object-fit:cover;object-position:center 49%;opacity:.66;filter:contrast(1.13) saturate(.88);transform:scale(1.02)}.scan-meta,.scan-coordinates{position:absolute;z-index:2;left:17px;right:17px;display:flex;justify-content:space-between;color:#d3dced;font-size:8px}.scan-meta{top:14px}.scan-coordinates{bottom:13px;color:#a9b7cf}.scan-line{position:absolute;z-index:2;left:0;right:0;top:48%;height:1px;background:#c3e67e88;box-shadow:0 0 12px #c3e67e99;animation:sweep 8s ease-in-out infinite alternate}.brand-foot{color:#91a0bb;font-size:8px}.brand-foot b{margin-left:0;margin-right:8px;background:#c3e67f}.form-panel{position:relative;background:#f7f7f3;min-height:100vh;padding:30px clamp(30px,5vw,78px) 24px;display:flex;flex-direction:column}.form-top{display:flex;justify-content:flex-end;align-items:center;min-height:40px}.language-picker{display:flex;align-items:center;gap:9px;color:#65718a;border:1px solid #d9dce2;padding:5px 9px;background:#fff}.language-picker>span[aria-hidden]{font-size:15px}.language-picker select{border:0;background:transparent;color:#253353;font:700 10px ui-monospace,monospace;letter-spacing:.1em;outline:0;padding:5px 4px;cursor:pointer}.form-wrap{width:min(100%,410px);margin:auto}.welcome-mark{display:flex;align-items:center;gap:11px;color:#7f8aa0;font-size:9px}.welcome-mark>span:first-child{width:28px;height:28px;display:grid;place-items:center;background:#e9efdc;color:#546b38;font-size:10px}.welcome-mark i{width:28px;height:1px;background:#bbc4d0}.form-wrap h2{font-size:36px;line-height:1.1;letter-spacing:-.055em;font-weight:600;margin:27px 0 8px;color:#1b2947}.form-intro{font-size:14px;color:#778197;line-height:1.65;margin:0 0 32px;max-width:360px}.field-label{display:block;color:#30405f;font-size:12px;font-weight:650;margin:0 0 9px}.field-wrap{position:relative;display:flex;align-items:center;height:54px;background:#fff;border:1px solid #d6dbe2;transition:border-color .18s,box-shadow .18s;margin-bottom:23px}.field-wrap:focus-within{border-color:#4259a3;box-shadow:0 0 0 3px #4259a319}.field-icon{width:48px;display:grid;place-items:center;color:#8b96a8;font-size:20px}.lock-icon:before{content:"";width:10px;height:9px;border:1.5px solid #8995a8;border-radius:2px;position:relative;top:4px}.lock-icon:after{content:"";position:absolute;width:6px;height:6px;border:1.5px solid #8995a8;border-bottom:0;border-radius:5px 5px 0 0;top:15px}.field-wrap input{height:100%;min-width:0;flex:1;background:transparent;border:0;outline:0;color:#253353;font-family:inherit;font-size:14px;padding:0 14px 0 0}.field-wrap input::placeholder{color:#a4adbb}.password-heading{display:flex;align-items:center;justify-content:space-between}.reveal{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#65718a;margin-right:5px}.reveal svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.reveal:hover{color:#1a2b53}.form-message{min-height:18px;color:#a94435;font-size:12px;line-height:1.45;margin:-8px 0 11px}.form-message:empty{min-height:10px}.submit-button{width:100%;height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 19px 0 20px;color:#fff;background:#28396e;border:1px solid #28396e;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.submit-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .18s}.submit-button:hover{background:#344986;box-shadow:0 8px 18px #18234422;transform:translateY(-1px)}.submit-button:hover svg{transform:translateX(3px)}.submit-button:disabled{opacity:.7;cursor:wait;transform:none}.demo-note{display:flex;gap:13px;align-items:flex-start;margin-top:25px;padding:15px 16px;border:1px solid #e0e3dc;background:#f0f1eb}.demo-dot{flex:0 0 7px;margin:5px 0 0;background:#8b9d66}.demo-note p{margin:0;color:#748094;font-size:11px;line-height:1.6}.demo-note b{color:#3f4d68;font-size:11px}.form-foot{display:flex;justify-content:space-between;gap:16px;color:#9aa3b0;font-size:8px;letter-spacing:.09em}.mobile-mark{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body[dir=rtl] .brand-panel{text-align:right}body[dir=rtl] .scan-meta,body[dir=rtl] .scan-coordinates{direction:ltr}body[dir=rtl] .submit-button{flex-direction:row-reverse}body[dir=rtl] .brand-copy h1{letter-spacing:-.02em}@keyframes sweep{from{transform:translateY(-60px);opacity:.2}to{transform:translateY(65px);opacity:.8}}@media(max-width:1000px){.login-shell{grid-template-columns:minmax(380px,.94fr) minmax(440px,1.06fr)}.brand-panel{padding-inline:40px}.brand-copy h1{font-size:54px}.form-panel{padding-inline:45px}}@media(max-width:760px){.login-shell{display:block}.brand-panel{min-height:auto;height:230px;padding:22px 24px 20px}.brand-panel:before,.brand-panel:after{width:400px;height:400px;right:-210px;top:-50px}.brand-head img{width:170px}.brand-index{font-size:7px}.brand-copy{margin:30px 0 0}.brand-copy h1{font-size:34px;margin:13px 0 8px}.brand-copy p,.brand-copy>.eyebrow,.scan-window,.brand-foot{display:none}.form-panel{min-height:calc(100vh - 230px);padding:18px 24px 20px}.form-top{min-height:34px}.form-wrap{margin:32px auto}.form-wrap h2{font-size:31px;margin-top:21px}.form-intro{font-size:13px;margin-bottom:25px}.mobile-mark{display:block;margin-right:auto;font:700 11px ui-monospace,monospace;letter-spacing:.2em;color:#435071}.form-foot{font-size:7px}.form-foot span:last-child{display:none}}@media(max-height:720px) and (min-width:761px){.brand-copy{margin-top:45px}.brand-copy h1{font-size:51px}.scan-window{height:190px}.form-wrap h2{font-size:31px;margin-top:18px}.form-intro{margin-bottom:21px}.field-wrap{height:49px;margin-bottom:17px}.demo-note{margin-top:17px}}
/* X-ray learning showcase */
.brand-copy{margin:clamp(38px,6.3vh,76px) 0 19px}.brand-copy h1{font-size:clamp(40px,4.4vw,63px);max-width:620px}.brand-copy p{max-width:455px}.scan-window{height:clamp(190px,28vh,290px);min-height:180px;margin:0 0 18px;background:#e7e9e7;border:1px solid #c9d0d8;box-shadow:0 19px 45px #09142b45}.scan-window:before{inset:0;background:linear-gradient(0deg,#15213e9c,transparent 25%,transparent 75%,#15213e9c),linear-gradient(90deg,#15213e22 1px,transparent 1px),linear-gradient(#15213e14 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;opacity:.62}.scan-window img{position:relative;width:100%;height:100%;padding:20px 58px;object-fit:contain;opacity:1;mix-blend-mode:normal;filter:contrast(1.06);transform:none;transition:opacity .35s ease,filter .35s ease}.scan-window.is-changing img{opacity:.15;filter:blur(3px)}.scan-meta,.scan-coordinates{left:16px;right:16px;color:#e9eef8;text-shadow:0 1px 4px #111b30;font-size:8px}.scan-meta{top:12px}.scan-coordinates{bottom:11px}.scan-line{top:0;height:1px;transform:translateY(0);background:#b9e878;box-shadow:0 0 14px #b9e878aa;animation:sweepY 4.8s linear infinite}.scan-focus{position:absolute;z-index:2;width:24%;height:44%;left:34%;top:29%;border:1px solid #c3e67fa6;box-shadow:0 0 0 999px #14213c0a;animation:focusDrift 7.5s ease-in-out infinite alternate;pointer-events:none}.scan-focus i{position:absolute;width:12px;height:12px;border-color:#ddf39a;border-style:solid}.scan-focus i:nth-child(1){left:-1px;top:-1px;border-width:2px 0 0 2px}.scan-focus i:nth-child(2){right:-1px;top:-1px;border-width:2px 2px 0 0}.scan-focus i:nth-child(3){right:-1px;bottom:-1px;border-width:0 2px 2px 0}.scan-focus i:nth-child(4){left:-1px;bottom:-1px;border-width:0 0 2px 2px}.scan-focus span{position:absolute;left:50%;top:50%;width:6px;height:6px;border:1px solid #d9f19c;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #d9f19c}.learning-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 25px;border-top:1px solid #fff2;border-bottom:1px solid #fff2}.learning-tab{position:relative;min-height:47px;display:flex;align-items:center;gap:10px;padding:0 8px;background:transparent;border:0;color:#aebad0;text-align:left;cursor:pointer;transition:color .2s,background .2s}.learning-tab+button{border-left:1px solid #fff2}.learning-tab>span{font:9px ui-monospace,monospace;color:#8392ac}.learning-tab b{font-size:10px;font-weight:600;letter-spacing:.01em}.learning-tab i{position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:#c3e67f;transform:scaleX(0);transform-origin:left;transition:transform .3s}.learning-tab:hover,.learning-tab.active{color:#f5f7fb}.learning-tab.active i{transform:scaleX(1)}.brand-foot{margin-top:auto}.brand-index{display:flex;align-items:center}.brand-index i{background:#c3e67f}@keyframes sweepY{0%{transform:translateY(18px);opacity:0}10%{opacity:.85}90%{opacity:.65}100%{transform:translateY(calc(clamp(190px,28vh,290px) - 18px));opacity:0}}@keyframes focusDrift{0%{transform:translate(-6%,-3%) scale(.93)}100%{transform:translate(105%,17%) scale(1.04)}}
@media(max-width:1000px){.brand-copy h1{font-size:clamp(38px,5vw,54px)}.scan-window img{padding-inline:34px}.learning-tab{gap:7px;padding-inline:6px}.learning-tab b{font-size:9px}}
@media(max-width:760px){.brand-panel{height:auto;min-height:330px;padding:20px 24px 14px}.brand-copy{display:block;margin:25px 0 17px}.brand-copy h1{font-size:36px;margin:12px 0 7px}.brand-copy p{display:block;font-size:11px;line-height:1.45;max-width:430px}.scan-window{display:none}.learning-tabs{margin:0 0 2px;min-height:42px}.learning-tab{min-height:40px;gap:5px}.learning-tab>span{font-size:8px}.learning-tab b{font-size:8px}.brand-index{font-size:6px}.form-panel{min-height:calc(100vh - 330px)}}
@media(max-width:380px){.brand-panel{min-height:316px;padding-inline:18px}.brand-head img{width:145px}.brand-copy h1{font-size:31px}.learning-tab{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;align-content:center}.learning-tab b{font-size:7px}.form-panel{min-height:calc(100vh - 316px);padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.scan-line,.scan-focus{animation:none!important}.scan-window img,.learning-tab i{transition:none!important}}
@media(max-width:760px){.brand-panel{min-height:390px}.scan-window{display:block;height:clamp(132px,34vw,180px);min-height:132px;margin:0 0 8px}.scan-window img{padding:15px 28px}.scan-meta,.scan-coordinates{font-size:7px}}
@media(max-width:380px){.brand-panel{min-height:375px}.scan-window{height:130px;min-height:130px}.scan-window img{padding-inline:20px}}