.login-screen,.login-screen *{box-sizing:border-box}
.login-screen{padding:24px;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(42,116,236,.11),transparent 27%),radial-gradient(circle at 94% 88%,rgba(41,159,221,.1),transparent 25%),#f3f7fc}
.login-screen:before,.login-screen:after{content:"";position:absolute;pointer-events:none}.login-screen:before{inset:0;background-image:linear-gradient(rgba(31,94,190,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,94,190,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.login-screen:after{width:440px;height:440px;right:-220px;top:-220px;border:70px solid rgba(42,112,232,.055);border-radius:50%}
.login-orbit{display:none}
.login-card{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(420px,1.12fr);width:min(920px,100%);height:min(650px,calc(100dvh - 48px));min-height:590px;padding:0;overflow:hidden;border:1px solid #d8e2f0;border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(15,50,99,.16)}
.login-promo{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:32px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#0b438d 0%,#1267c8 58%,#1594df 100%)}
.login-promo:before{content:"";position:absolute;width:350px;height:350px;right:-210px;top:110px;border:55px solid rgba(255,255,255,.08);border-radius:50%}.login-promo:after{content:"";position:absolute;width:260px;height:260px;left:-150px;bottom:-135px;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.login-promo-brand,.login-promo-copy,.login-promo-features{position:relative;z-index:1}.login-promo-brand{display:flex;align-items:center;gap:11px}.login-promo-brand img{border-radius:11px;box-shadow:0 8px 22px rgba(5,34,75,.28)}.login-promo-brand strong,.login-promo-brand small{display:block}.login-promo-brand strong{font-size:17px}.login-promo-brand small{margin-top:3px;color:rgba(255,255,255,.72);font-size:8px;font-weight:700;letter-spacing:1.7px}
.login-promo-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:99px;color:#eaf4ff;background:rgba(255,255,255,.1);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.login-promo-copy h2{margin:16px 0 12px;color:#fff;font-size:31px;line-height:1.14;letter-spacing:-1px}.login-promo-copy p{max-width:300px;margin:0;color:rgba(255,255,255,.78);font-size:11.5px;line-height:1.65}
.login-promo-features{display:grid;gap:9px}.login-promo-features span{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.82);font-size:10.5px}.login-promo-features i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.12);font-size:10px}
.login-panel{min-width:0;overflow-y:auto;overflow-x:hidden;padding:32px 42px 24px;scrollbar-width:thin}.login-brand-mobile{display:none}.login-heading{margin:0 0 17px;text-align:left}.login-heading>span{display:block;margin-bottom:7px;color:#2569d8;font-size:8.5px;font-weight:800;letter-spacing:1.35px}.login-heading h1{margin:0 0 5px;color:#172237;font-size:23px;letter-spacing:-.6px}.login-heading p{color:#738197;font-size:11.5px}
.login-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:16px}.login-role{min-width:0;min-height:42px;padding:7px 9px;border-color:#dce5f0;border-radius:9px;background:#f8faff}.login-role:hover,.login-role.active{border-color:#78a7f6;color:#174fb1;background:#edf4ff;box-shadow:inset 0 0 0 1px rgba(37,105,216,.08)}.login-role span{width:27px;height:27px;flex-basis:27px;border-radius:7px;background:linear-gradient(145deg,#155bc6,#327cf1)}.login-role strong{font-size:10.5px}
.login-card form>label{margin:11px 0 5px;color:#39475c;font-size:10.5px}.login-field{height:43px;padding:0 12px;border-color:#d5dfeb;border-radius:9px}.login-field:focus-within{border-color:#3479e8;box-shadow:0 0 0 3px rgba(46,118,234,.11)}.login-field>span{width:17px;color:#7b8da5;font-size:0}.login-field>span:before{font-family:"Font Awesome 6 Free";font-size:12px;font-weight:900}.login-card form>label:first-of-type+.login-field>span:before{content:"\f007"}.login-card form>label:nth-of-type(2)+.login-field>span:before{content:"\f023"}.login-field input{font-size:11.5px}.password-toggle{color:#286bd7;font-size:0}.password-toggle:after{content:"\f06e";font-family:"Font Awesome 6 Free";font-size:12px;font-weight:900}
.login-options{margin-top:11px;font-size:10.5px}.remember{flex:0 0 auto;color:#697a91;white-space:nowrap;cursor:pointer}.remember input{width:14px;height:14px;flex:0 0 14px;margin:0;accent-color:#2269d8}.text-button{flex:0 0 auto;color:#2166d3;white-space:nowrap}.login-error{min-height:16px;margin:8px 0 3px;font-size:10.5px}.login-submit{height:43px;border-radius:9px;background:linear-gradient(135deg,#124f9f,#2475e5);box-shadow:0 8px 20px rgba(32,105,218,.22);font-size:12px}.login-submit:hover{background:linear-gradient(135deg,#0d438b,#1768d2);box-shadow:0 10px 24px rgba(32,105,218,.29)}.login-status{margin-top:13px;color:#8090a5;font-size:9.5px}.login-status span{width:6px;height:6px;background:#21ae72}
@media(max-height:680px) and (min-width:761px){.login-card{min-height:0}.login-promo{padding:25px 28px}.login-panel{padding:23px 36px 18px}.login-promo-copy h2{font-size:27px}.login-promo-features{gap:6px}.login-heading{margin-bottom:12px}.login-roles{margin-bottom:11px}.login-card form>label{margin-top:8px}.login-status{margin-top:8px}}
@media(max-width:760px){.login-screen{padding:14px;overflow:auto}.login-card{display:block;width:min(440px,100%);height:auto;min-height:0;max-height:none;border-radius:16px}.login-promo{display:none}.login-panel{overflow:visible;padding:25px 24px 21px}.login-brand-mobile{display:flex;justify-content:flex-start;margin-bottom:24px}.login-brand-mobile strong{font-size:19px}.login-brand-mobile small{font-size:7px;letter-spacing:1.2px}.login-heading h1{font-size:21px}.login-roles{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.login-screen{padding:0;background:#fff}.login-card{width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.login-panel{padding:22px 18px}.login-roles{grid-template-columns:1fr}.login-role{min-height:40px}}