.login-screen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;visibility:hidden;overflow:hidden;background:radial-gradient(circle at 50% 10%,#173f1d 0,transparent 36%),linear-gradient(145deg,#010603,#020d05 55%,#001006);opacity:0;transition:.35s}.login-screen.visible{visibility:visible;opacity:1}.login-screen:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#51ff6930 1px,transparent 1px),linear-gradient(90deg,#51ff691c 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#0008,transparent 78%);perspective:600px;transform:scale(1.2) rotateX(58deg) translateY(25%)}.login-rain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 68px,#65ff4b08 69px 70px),linear-gradient(180deg,transparent,#65ff4b08);animation:loginPulse 4s ease-in-out infinite}.login-card{position:relative;width:min(470px,calc(100vw - 34px));padding:34px;border:1px solid #62ed7166;border-radius:22px;background:linear-gradient(145deg,#07130ce8,#010604f2);box-shadow:0 36px 100px #000d,0 0 55px #52ff5118,inset 0 1px #b8ffb624;backdrop-filter:blur(25px)}.login-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#b5ffac10,transparent 28%);pointer-events:none}.login-brand{display:flex;gap:18px;align-items:center}.login-logo{width:74px;height:74px;flex:0 0 auto;border:1px solid #86ff71;border-radius:18px;background:#061108 url('/assets/unixtechlab-footer.png') -41px -9px/325px 85px no-repeat;box-shadow:0 0 28px #66ff4b38}.login-brand small{color:#72b66f;font-size:9px;letter-spacing:2.3px}.login-brand h1{margin:4px 0 0;color:#e8ffe2;font-size:29px;letter-spacing:-1px}.login-brand h1 em{color:#78ff5c;font-style:normal}.login-brand p{margin:2px 0;color:#7ea178;font-size:12px}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:27px 0 22px;color:#75a471;font-size:9px;letter-spacing:1.6px}.login-divider span{height:1px;background:linear-gradient(90deg,transparent,#4e9a50)}.login-divider span:last-child{transform:scaleX(-1)}#loginForm{display:grid;gap:16px}#loginForm>label{display:grid;gap:7px;color:#a9cda4;font-size:11px}.login-input{display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid #285c31;border-radius:11px;background:#020905;transition:.2s}.login-input:focus-within{border-color:#78ff5c;box-shadow:0 0 0 3px #65ff4b12,0 0 24px #65ff4b10}.login-input i{text-align:center;color:#62b35c;font-style:normal}.login-input input{height:48px;border:0;border-left:1px solid #214c28!important;border-radius:0!important;background:transparent!important;color:#eaffdf!important;outline:0}.login-remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.login-remember input{width:15px;height:15px;accent-color:#6fff4f}.login-submit{display:flex;justify-content:space-between;align-items:center;height:50px;margin-top:3px;padding:0 18px;border:1px solid #78ff5c;border-radius:11px;background:linear-gradient(110deg,#1f761f,#42ad32);color:#f2ffec;font-weight:800;box-shadow:0 12px 25px #173f1790}.login-submit:hover{filter:brightness(1.14);transform:translateY(-1px)}.login-submit.loading span:after{content:' ...'}.login-submit i{font-size:20px;font-style:normal}#loginError{min-height:17px;margin:0;color:#ff7373;text-align:center;font-size:11px}.login-card footer{display:flex;justify-content:space-between;margin-top:19px;padding-top:16px;border-top:1px solid #1b4021;color:#638261;font-size:9px}.login-card footer i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#65ff4b;box-shadow:0 0 8px #65ff4b}.idle-warning{width:min(440px,90vw);padding:28px;border:1px solid #ffca4566;border-radius:18px;background:#091108f5;color:#eaffdf;text-align:center;box-shadow:0 30px 80px #000}.idle-warning::backdrop{background:#000b;backdrop-filter:blur(5px)}.idle-warning .idle-icon{display:grid;place-items:center;width:54px;height:54px;margin:auto;border:1px solid #ffca45;border-radius:50%;color:#ffca45;font-size:26px;box-shadow:0 0 25px #ffca4533}.idle-warning p{color:#9db298}.idle-warning>div:last-child{display:flex;justify-content:center;gap:10px;margin-top:20px}.login-corner{position:absolute;width:55px;height:55px;border-color:#65ff4b44}.login-corner.tl{top:25px;left:25px;border-top:1px solid;border-left:1px solid}.login-corner.tr{top:25px;right:25px;border-top:1px solid;border-right:1px solid}.login-corner.bl{bottom:25px;left:25px;border-bottom:1px solid;border-left:1px solid}.login-corner.br{right:25px;bottom:25px;border-right:1px solid;border-bottom:1px solid}.shake{animation:loginShake .32s}@keyframes loginPulse{50%{opacity:.55}}@keyframes loginShake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:560px){.login-card{padding:25px}.login-logo{width:60px;height:60px}.login-brand h1{font-size:24px}.login-card footer{display:grid;gap:5px}.login-corner{display:none}}