.login-page{min-height:100vh;background:#050a08;overflow-x:hidden}
.login-page .content{width:100%;max-width:none;margin:0;padding:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 12% 18%,#73ff1930,transparent 28%),radial-gradient(circle at 82% 78%,#16a34a1c,transparent 30%),linear-gradient(135deg,#030705,#07130c 50%,#020504)}
.login-screen{position:relative;width:min(1180px,calc(100% - 42px));min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border:1px solid #65ff4b35;border-radius:30px;background:#07100bcf;box-shadow:0 40px 100px #000c,0 0 70px #65ff4b0d}
.login-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#63ff2a0a 1px,transparent 1px),linear-gradient(90deg,#63ff2a0a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 60%);pointer-events:none}
.login-showcase{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:64px clamp(35px,6vw,78px);overflow:hidden;background:linear-gradient(145deg,#07150d,#0d2514 65%,#0b1b10)}
.login-showcase:after{content:"";position:absolute;width:470px;height:470px;right:-210px;bottom:-240px;border:80px solid #7cff2514;border-radius:50%;z-index:-1}
.login-glow{position:absolute;width:300px;height:300px;left:8%;top:4%;border-radius:50%;background:#73ff2122;filter:blur(80px);z-index:-1}
.login-logo{width:clamp(135px,16vw,210px);height:170px;object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 25px #0009);margin-bottom:12px}
.login-kicker,.login-welcome{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#9cff67;font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.login-showcase h1{font-size:clamp(42px,5vw,68px);line-height:.98;margin:17px 0 22px;letter-spacing:-2.5px}.login-showcase h1 em{font-style:normal;color:#92ff46;text-shadow:0 0 28px #5eff2744}
.login-showcase>p{max-width:560px;font-size:17px;line-height:1.65;color:#aebeb3}
.login-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.login-features span{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #70ff3d2b;border-radius:11px;background:#08100caa;color:#cfe5d4;font-size:12px;font-weight:700}.login-features i{color:#79ff36}
.login-card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,66px);background:linear-gradient(160deg,#101a16f5,#080e0bfa);border-left:1px solid #ffffff0d}
.login-brand{display:flex;align-items:center;gap:13px;position:absolute;top:36px}.login-brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#9cff3b,#20b94b);color:#071008;font-size:19px;box-shadow:0 10px 30px #4ade8040}.login-brand strong{display:block;font-size:21px}.login-brand small{display:block;margin-top:3px;color:#6f8376;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}
.login-card h2{font-size:34px;margin:10px 0 4px}.login-card>p{margin:0 0 28px}.login-card form{display:grid;gap:18px}.login-card label{font-size:12px;font-weight:800;color:#cad8ce}.login-input{position:relative;display:flex;align-items:center}.login-input>i{position:absolute;left:15px;color:#6f8a76}.login-input input{height:53px;padding-left:44px;padding-right:48px;border-color:#2a4031;background:#07100b;color:#fff;transition:.2s}.login-input input:focus{outline:0;border-color:#71f73e;box-shadow:0 0 0 4px #71f73e16}.password-toggle{position:absolute;right:7px;width:38px;height:38px;min-height:0;padding:0;background:transparent;color:#789080}.login-submit{width:100%;min-height:54px;margin-top:5px;justify-content:space-between;padding-inline:22px;background:linear-gradient(135deg,#86ff36,#22c55e);color:#071009;font-size:14px;box-shadow:0 15px 35px #22c55e2b}.login-submit:hover{filter:brightness(1.08);transform:translateY(-2px)}.login-first{display:flex;align-items:center;gap:7px;margin-top:22px;color:#64766a;text-align:center;justify-content:center}
@media(max-width:850px){.login-screen{grid-template-columns:1fr;max-width:560px;margin:25px 0}.login-showcase{min-height:330px;padding:35px}.login-logo{height:105px;margin:0}.login-showcase h1{font-size:42px}.login-showcase>p{font-size:14px}.login-features{margin-top:15px}.login-card{min-height:520px;border-left:0;border-top:1px solid #ffffff0d}.login-brand{top:28px}}
@media(max-width:520px){.login-page .content{padding:0}.login-screen{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.login-showcase{min-height:290px;padding:25px}.login-logo{width:120px;height:90px}.login-showcase h1{font-size:34px;margin:10px 0}.login-showcase>p{margin:0}.login-features span:nth-child(3){display:none}.login-card{padding:90px 24px 35px}.login-card h2{font-size:29px}}