.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#0d1a3a;flex-direction:column;padding:55px clamp(35px,6vw,90px);display:flex;position:relative;overflow:hidden}.login-brand>img{object-fit:cover;opacity:.2}.login-overlay{background:linear-gradient(90deg,#0d1a3af2,#0d1a3abf),linear-gradient(0deg,#0d1a3a 0,#0000 60%);position:absolute;inset:0}.login-brand>a,.login-brand>div:not(.login-overlay),.login-brand>footer{z-index:2;position:relative}.login-brand>a img{width:110px;height:auto}.login-brand>div:not(.login-overlay){margin:auto 0}.login-brand span,.login-form-head>span{color:#a6fa1e;letter-spacing:.18em;font-size:8px;font-weight:900}.login-brand h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(42px,5vw,70px);line-height:1.03}.login-brand h1 em{color:#a6fa1e;font-style:normal}.login-brand p{color:#b6c0d1;max-width:500px;font-size:13px;line-height:1.8}.login-brand footer{color:#718099;font-size:8px}.login-form-wrap{width:min(560px,100%);margin:auto;padding:55px clamp(25px,6vw,80px)}.login-form-head>span{color:#67758d}.login-form-head h2{letter-spacing:-.04em;margin:12px 0 7px;font-size:32px}.login-form-head p{color:#8b95a4;font-size:10px}.login-form-wrap form{gap:15px;margin-top:32px;display:grid}.login-form-wrap label{color:#4a566b;gap:7px;font-size:8px;font-weight:800;display:grid}.login-form-wrap input{font:inherit;border:1px solid #dfe4e9;outline:none;padding:13px;font-size:10px}.login-form-wrap input:focus{border-color:#7dbd1b;box-shadow:0 0 0 3px #a6fa1e24}.login-form-wrap form>button{color:#fff;font:inherit;background:#0d1a3a;border:0;margin-top:5px;padding:15px;font-size:9px;font-weight:900}.login-form-wrap form>button:disabled{opacity:.6}.login-error{color:#ba2929;background:#fef0f0;margin:0;padding:10px;font-size:8px}.demo-divider{color:#98a1af;letter-spacing:.12em;align-items:center;gap:10px;margin:28px 0 12px;font-size:7px;font-weight:800;display:flex}.demo-divider:before,.demo-divider:after{content:"";background:#e6e9ed;flex:1;height:1px}.demo-accounts{gap:7px;display:grid}.demo-accounts>button{text-align:left;background:#fff;border:1px solid #e1e5e9;align-items:center;gap:10px;padding:11px;display:flex}.demo-accounts>button:hover{background:#fbfff5;border-color:#a6fa1e}.demo-accounts i{color:#a6fa1e;background:#0d1a3a;place-items:center;width:27px;height:27px;font-size:7px;font-style:normal;font-weight:900;display:grid}.demo-accounts span{display:grid}.demo-accounts strong{font-size:8px}.demo-accounts small{color:#929baa;margin-top:3px;font-size:7px}.demo-accounts b{color:#66748a;margin-left:auto;font-size:7px}.login-note{text-align:center;color:#a0a8b3;margin-top:18px;font-size:7px;display:block}@media (max-width:850px){.login-page{grid-template-columns:1fr}.login-brand{min-height:330px;padding:35px 25px}.login-brand>div:not(.login-overlay){margin-top:55px}.login-brand h1{font-size:42px}.login-brand footer{display:none}.login-form-wrap{padding:45px 25px}}
.login-brand span,.login-form-head>span{font-size:10px}.login-brand p{font-size:16px}.login-brand footer{font-size:10px}.login-form-head h2{font-size:38px}.login-form-head p{font-size:13px}.login-form-wrap label{font-size:11px}.login-form-wrap input{font-size:13px}.login-form-wrap form>button{font-size:12px}.login-error{font-size:11px}.demo-divider{font-size:9px}.demo-accounts strong{font-size:11px}.demo-accounts small,.demo-accounts b,.login-note{font-size:9px}
.login-page{background:#f2f5f0;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)}.login-brand{isolation:isolate;background:#071127;padding:46px clamp(38px,5vw,80px)}.login-brand>img{z-index:-2;object-fit:cover;object-position:center;opacity:1;filter:saturate(.82)contrast(1.08)brightness(.9)}.login-overlay{z-index:-1;background:linear-gradient(90deg,#071127f7 0%,#071127de 45%,#07112780 100%),linear-gradient(#07112747 0%,#0000 42%,#071127f0 100%)}.login-brand:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 65% 46%,#a6fa1e1f,#0000 27%);position:absolute;inset:0;box-shadow:inset -1px 0 #a6fa1e2e}.login-brand>a img{filter:drop-shadow(0 0 18px #a6fa1e3d);width:124px}.login-brand-copy{max-width:650px}.login-brand-copy>span{letter-spacing:.16em;align-items:center;gap:11px;font-size:11px;display:flex}.login-brand-copy>span:before{content:"";background:#a6fa1e;width:9px;height:9px;box-shadow:0 0 16px #a6fa1eb3}.login-brand h1{letter-spacing:-.045em;text-wrap:balance;text-shadow:0 18px 45px #00000052;margin:25px 0 24px;font-size:clamp(40px,4vw,61px);font-weight:650;line-height:1.04}.login-brand p{color:#c7d0df;max-width:570px;font-size:15px;line-height:1.75}.login-proof{color:#aeb9cb;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;font-size:10px;font-weight:700;display:flex}.login-proof b{color:#fff}.login-proof i{background:#a6fa1e;width:4px;height:4px;transform:rotate(45deg)}.login-brand footer{letter-spacing:.08em;font-size:9px}.login-brand footer strong{color:#a6fa1e}.login-access{background:radial-gradient(circle at 100% 0,#a6fa1e17,#0000 30%),#0d1a3a;place-items:center;padding:34px clamp(22px,4vw,64px);display:grid;position:relative}.login-access:before{content:"";pointer-events:none;background-image:linear-gradient(#0d1a3a0b 1px,#0000 1px),linear-gradient(90deg,#0d1a3a0b 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000008c,#0000 72%);mask-image:linear-gradient(135deg,#0000008c,#0000 72%)}.login-form-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#13244b;border:1px solid #ffffff1a;width:min(420px,100%);margin:0;padding:34px 36px;position:relative;box-shadow:0 28px 80px #0000004d,0 6px 20px #0000002e}.login-form-wrap:before{content:"";background:linear-gradient(90deg,#a6fa1e,#a6fa1e26);height:3px;position:absolute;inset:0 0 auto}.login-form-head>span{color:#a6fa1e}.login-form-head h2{color:#fff;margin:13px 0 9px;font-size:34px;line-height:1.05}.login-form-head p{color:#aeb9cb;font-size:12px;line-height:1.55}.login-form-wrap form{gap:13px;margin-top:25px}.login-form-wrap label{color:#c8d1e0;gap:8px;font-size:10px}.login-form-wrap input{color:#fff;background:#0d1a3a;border-color:#ffffff24;min-height:46px;padding:12px 14px;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.login-form-wrap input::placeholder{color:#77849b}.login-form-wrap input:focus{background:#fff}.login-form-wrap form>button{letter-spacing:.02em;min-height:48px;font-size:11px;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 12px 28px #07112729}.login-form-wrap form>button:hover:not(:disabled){background:#15264d;transform:translateY(-2px);box-shadow:0 16px 30px #07112738}.demo-divider{color:#8390a6;margin:23px 0 11px}.demo-divider:before,.demo-divider:after{background:#ffffff1f}.demo-accounts{gap:6px}.demo-accounts>button{color:#fff;background:#0d1a3a;border-color:#ffffff1c;padding:9px 10px;transition:transform .18s,border-color .18s,box-shadow .18s}.demo-accounts>button:hover{background:#172b57;border-color:#a6fa1e;transform:translate(3px);box-shadow:0 8px 18px #00000029}.demo-accounts small,.demo-accounts b{color:#8f9bb0}.login-note{color:#78869c;margin-top:14px}@media (max-width:1050px){.login-page{grid-template-columns:minmax(0,1fr) minmax(410px,.78fr)}.login-brand{padding-inline:38px}.login-brand h1{font-size:clamp(42px,5vw,58px)}.login-form-wrap{padding:30px}}@media (max-width:850px){.login-page{grid-template-columns:1fr}.login-brand{min-height:410px;padding:30px 25px}.login-brand-copy{margin-top:55px!important}.login-brand h1{font-size:clamp(38px,9vw,52px)}.login-brand p{font-size:13px}.login-proof{margin-top:20px}.login-access{padding:35px 20px}.login-form-wrap{width:min(460px,100%)}}@media (max-width:480px){.login-brand{min-height:380px}.login-brand h1{font-size:36px}.login-brand-copy>span{font-size:9px}.login-proof{display:none}.login-form-wrap{padding:28px 22px}.login-form-head h2{font-size:30px}.demo-accounts b{display:none}}.login-form-wrap form>button{color:#071127;background:#a6fa1e;box-shadow:0 12px 28px #a6fa1e2e}.login-form-wrap form>button:hover:not(:disabled){color:#071127;background:#b6ff3d;box-shadow:0 16px 34px #a6fa1e4d}@media (min-width:851px){.login-page{height:100dvh;min-height:0;overflow:hidden}.login-brand{height:100dvh;padding-top:34px;padding-bottom:34px}.login-brand-copy{transform:translateY(-4px)}.login-brand h1{margin:19px 0 17px;font-size:clamp(38px,3.7vw,56px)}.login-brand p{font-size:13px;line-height:1.65}.login-proof{margin-top:20px;font-size:8px}.login-access{height:100dvh;padding:18px clamp(18px,3vw,46px);overflow:hidden}.login-form-wrap{width:min(400px,100%);max-height:calc(100dvh - 36px);padding:25px 28px}.login-form-head h2{margin:10px 0 7px;font-size:30px}.login-form-head p{font-size:10px}.login-form-wrap form{gap:10px;margin-top:18px}.login-form-wrap label{gap:6px;font-size:9px}.login-form-wrap input{min-height:40px;padding:9px 12px}.login-form-wrap form>button{min-height:43px;margin-top:2px}.demo-divider{margin:17px 0 8px}.demo-accounts{gap:5px}.demo-accounts>button{min-height:48px;padding:7px 9px}.demo-accounts i{width:24px;height:24px}.demo-accounts strong{font-size:9px}.demo-accounts small,.demo-accounts b{font-size:7px}.login-note{margin-top:10px;font-size:7px}}@media (min-width:851px) and (max-height:730px){.login-brand h1{font-size:43px}.login-brand p{font-size:12px}.login-proof{display:none}.login-form-wrap{padding:20px 25px}.login-form-head h2{font-size:27px}.login-form-wrap form{margin-top:14px}.demo-divider{margin-top:13px}.demo-accounts>button{min-height:43px;padding-block:5px}.login-note{margin-top:7px}}