:root{--sla-navy:#10244d;--sla-blue:#477ff0;--sla-text:#17243b;--sla-muted:#748198;--sla-line:#dfe6f0}*{box-sizing:border-box}html,body{min-height:100%;margin:0}.sla-page{font-family:"DM Sans",Arial,sans-serif;color:var(--sla-text);background:#f5f7fb}.sla-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.02fr) minmax(420px,.98fr)}.sla-showcase{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px clamp(38px,6vw,90px);color:#fff;background:radial-gradient(circle at 87% 12%,rgba(91,140,238,.35),transparent 28%),linear-gradient(145deg,#0d1e40,#153568 62%,#1f4b91)}.sla-showcase:before,.sla-showcase:after{content:"";position:absolute;border-radius:50%;border:65px solid rgba(255,255,255,.035)}.sla-showcase:before{width:370px;height:370px;right:-170px;top:-160px}.sla-showcase:after{width:290px;height:290px;left:-180px;bottom:-155px}.sla-brand,.sla-mobile-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;position:relative;z-index:1}.sla-brand>span,.sla-mobile-brand>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4c84ef,#81a9f6);font:800 22px Manrope;box-shadow:0 8px 20px rgba(4,15,38,.25)}.sla-brand b,.sla-brand small,.sla-mobile-brand b,.sla-mobile-brand small{display:block}.sla-brand b,.sla-mobile-brand b{font:800 17px Manrope;letter-spacing:.5px}.sla-brand small,.sla-mobile-brand small{font-size:8px;letter-spacing:1.5px;color:#9fb8df}.sla-copy{position:relative;z-index:1;margin:auto 0;max-width:590px}.sla-copy>small{font-size:8px;letter-spacing:1.7px;color:#7da9fb;font-weight:700}.sla-copy h1{font:800 clamp(30px,4vw,48px)/1.12 Manrope;margin:10px 0 16px}.sla-copy p{max-width:530px;color:#b7c7e0;font-size:12px;line-height:1.75}.sla-features{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;position:relative;z-index:1}.sla-features article{display:flex;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055);backdrop-filter:blur(5px)}.sla-features i{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:rgba(108,157,251,.17);color:#8fb5fa}.sla-features b,.sla-features span{display:block}.sla-features b{font-size:10px}.sla-features span{font-size:8px;line-height:1.5;color:#aebfda;margin-top:2px}.sla-showcase footer{position:relative;z-index:1;margin-top:27px;color:#8199bd;font-size:8px}.sla-login-panel{display:grid;place-items:center;padding:38px;background:radial-gradient(circle at 85% 12%,#e9f0ff,transparent 30%),#f7f9fc}.sla-login-wrap{width:min(420px,100%)}.sla-mobile-brand{display:none;color:var(--sla-navy);margin-bottom:30px}.sla-mobile-brand small{color:#7185a5}.sla-login-wrap header{margin-bottom:23px}.sla-lock{width:47px;height:47px;border-radius:13px;background:#eaf1ff;color:var(--sla-blue);display:grid;place-items:center;font-size:18px;margin-bottom:18px}.sla-login-wrap header>small{font-size:8px;letter-spacing:1.4px;color:var(--sla-blue);font-weight:700}.sla-login-wrap h2{font:800 27px Manrope;margin:5px 0}.sla-login-wrap header p{font-size:10px;color:var(--sla-muted);margin:4px 0}.sla-warning:empty{display:none}.sla-warning{margin-bottom:15px}.sla-warning .alert{border:0;border-radius:10px;margin:0;padding:10px 12px;background:#fff2db!important;color:#8a5b15!important;font-size:9px}.sla-form{display:grid;gap:14px}.sla-form label{margin:0}.sla-form label>span{display:block;font-size:9px;font-weight:700;color:#526177;margin-bottom:6px}.sla-form label>div{height:47px;display:flex;align-items:center;border:1px solid var(--sla-line);border-radius:10px;background:#fff;transition:.2s}.sla-form label>div:focus-within{border-color:#83a7ed;box-shadow:0 0 0 4px #eaf1ff}.sla-form label>div>i{width:43px;text-align:center;color:#8998ae}.sla-form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--sla-text);font:10px "DM Sans"}.sla-form input::placeholder{color:#a4afbf}.sla-form label button{width:43px;height:100%;border:0;background:transparent;color:#8b98aa}.sla-submit{height:49px;border:0;border-radius:10px;background:linear-gradient(100deg,#326bdf,#4c84ef);color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font:700 10px "DM Sans";box-shadow:0 10px 23px rgba(50,107,223,.23);margin-top:3px;cursor:pointer;transition:.2s}.sla-submit:hover,.sla-submit:focus{transform:translateY(-1px);box-shadow:0 13px 27px rgba(50,107,223,.3)}.sla-submit.loading{opacity:.7;pointer-events:none}.sla-submit.loading i{animation:slaSpin .8s linear infinite}.sla-security{display:flex;gap:9px;margin-top:16px;padding:11px;border-radius:9px;background:#eef3f9;color:#61718a}.sla-security>i{color:#527cbd;margin-top:2px}.sla-security p{margin:0}.sla-security b,.sla-security span{display:block;font-size:8px}.sla-security span{font-size:7px;margin-top:1px}.sla-employee-link{display:block;text-align:center;margin-top:20px;color:#65758e;text-decoration:none;font-size:9px}.sla-employee-link i{margin-right:5px}.sla-employee-link:hover{color:var(--sla-blue)}@keyframes slaSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.sla-shell{grid-template-columns:1fr}.sla-showcase{display:none}.sla-login-panel{min-height:100vh;padding:30px 20px}.sla-mobile-brand{display:flex}}@media(max-width:430px){.sla-login-panel{place-items:start center;padding-top:25px}.sla-login-wrap h2{font-size:23px}.sla-mobile-brand{margin-bottom:38px}.sla-login-wrap header{margin-bottom:20px}}