body { 
            font-family: 'Courier New', monospace; 
            background-color: #000; 
            display: flex; 
            justify-content: center; 
            align-items: center; 
            height: 100vh; 
            margin: 0; 
            position: relative;
            color: #00e5ff;
        }
        .canvasContainer { 
            position: absolute; 
            top: 0; 
            left: 0; 
            width: 100%; 
            height: 100%; 
            z-index: -1; 
            overflow: hidden; 
        }
        .login-container { 
            background: transparent; 
            padding: 40px; 
            border-radius: 8px; 
            box-shadow: 0 0 20px rgba(0, 229, 255, 0.672); 
            width: 320px; 
            border: 1px solid #00e5ff;
            backdrop-filter: blur(5px);
        }
        h2 { text-align: center; color: #00e5ff; margin-top: 0; }
        input[type="text"], input[type="password"] { 
            width: 100%; 
            padding: 12px; 
            margin-bottom: 15px; 
            border: 1px solid #00e5ff; 
            border-radius: 6px; 
            box-sizing: border-box; 
            background: transparent; 
            color: #00e5ff;
        }
        input[type="submit"] { 
            width: 100%; 
            background-color: #00e5ff; 
            color: #000; 
            padding: 12px; 
            border: none; 
            border-radius: 6px; 
            cursor: pointer; 
            font-weight: bold; 
            font-family: 'Courier New', monospace;
            transition: all 0.5s;
        }
        input[type="submit"]:hover { 
            background-color: #013940;
            color: #00e5ff; 

         }

        .error { color: #ff0; 
            text-align: center; 
            margin-top: 15px; 
            font-size: 14px; }

        .info-panel { 
            position: relative; 
            margin: 30px auto 0 auto; 
            background: transparent; 
            border: 1px solid #00e5ff; 
            padding: 10px; 
            color: #00e5ff; 
            font-size: 10px; 
            z-index: 10; 
            max-width: 320px; 
            backdrop-filter: blur(4px); 
            font-family: 'Courier New', monospace; 
            white-space: pre-line; 
            text-align: start;
        }

        footer {
            position: fixed;
            bottom: 30px;
            width: 100%;
            text-align: center;
            color: #00e5ff;
            font-size: 16px;
            z-index: 10;
            font-family: 'Courier New', monospace;
        }