@layer pages{.member-container{background-color:#0a0a0a;background-image:radial-gradient(circle at 25% 30%,#1450b433 0%,#0000 40%),radial-gradient(circle at 75% 70%,#32966426 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.member-container:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:20px 20px;animation:60s linear infinite grid-pan;position:absolute;inset:0}.member-container .login-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1;background:#0a0a0ab3;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;padding:40px 32px;animation:.8s ease-out slideInLogin;position:relative;box-shadow:0 20px 50px #00000080}.member-container .login-box:before{content:"";background:linear-gradient(90deg,#0000,#0ff,#0000);height:2px;animation:8s linear infinite scanline;position:absolute;top:0;left:0;right:0}.member-container .login-box .logo-section{text-align:center;margin-bottom:32px}.member-container .login-box .logo-section .logo-icon{color:#0ff;background:0 0;border:2px solid #0ff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:2.5rem;animation:2s ease-in-out infinite logoPulse;display:flex;box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff}.member-container .login-box .logo-section .sub-text{color:#e0e0e0;letter-spacing:1px;text-transform:uppercase;font-size:1.1rem;font-weight:500}.member-container .login-box .local-section .form-group{margin-bottom:20px;position:relative}.member-container .login-box .local-section .form-group label{display:none}.member-container .login-box .local-section .form-group .input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:14px 16px;transition:all .3s}.member-container .login-box .local-section .form-group .input::placeholder{color:#ffffff80}.member-container .login-box .local-section .form-group .input:focus{border-color:#0ff;outline:none;box-shadow:0 0 10px #00ffff80}.member-container .login-box .local-section .form-check .choices .choice{color:#a0a0a0;cursor:pointer;font-size:.9rem}.member-container .login-box .local-section .form-check .choices .choice input[type=checkbox]{accent-color:#0ff}.member-container .login-box .local-section .btn-login{color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#0ff;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-weight:700;transition:all .3s}.member-container .login-box .local-section .btn-login:hover{background:#fff;box-shadow:0 0 20px #0ff}.member-container .login-box .local-section .login-links{text-align:center;margin-top:16px;font-size:.85rem}.member-container .login-box .local-section .login-links a{color:#0ff;text-decoration:none}.member-container .login-box .local-section .login-links a:hover{text-decoration:underline}@media (width<=600px){.member-container{padding:16px}.member-container .login-box{padding:32px 24px}.member-container .login-box .logo-section{margin-bottom:24px}.member-container .login-box .logo-section .logo-icon{width:60px;height:60px;font-size:2rem}}}@keyframes slideInLogin{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #0ff,inset 0 0 10px #0ff}50%{transform:scale(1.05);box-shadow:0 0 25px #0ff,inset 0 0 15px #0ff}}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes grid-pan{0%{background-position:0 0}to{background-position:-60px 60px}}