html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{display:flex;justify-content:center;align-items:center;color:#00ff90}.login-container{background-color:#000000d9;padding:2rem;border:2px solid #00ff90;border-radius:12px;text-align:center;width:380px;max-width:90%;box-shadow:0 0 30px #00ff90}.login-container .logo{width:210px;margin-bottom:10px}.login-container h2{margin-bottom:18px;color:#00ff90;font-size:1.75rem}.login-container label{display:block;text-align:left;color:#00ff90;font-weight:500;margin-bottom:.25rem}.login-container input[type=email],.login-container input[type=password]{width:100%;padding:.75rem;margin-bottom:1rem;border:none;border-radius:6px;background-color:#eef1f5;color:#000}.login-container input::-moz-placeholder{color:#666}.login-container input::placeholder{color:#666}.login-container .remember{display:flex;align-items:center;margin-bottom:1rem;color:#00ff90}.login-container .remember input{margin-right:.5rem}.login-container button{width:100%;padding:.75rem;background-color:#00ff90;color:#000;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#2ecc71}.login-container .error{color:#ff4040;font-size:.9rem;margin-top:.5rem}