@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap');

    body {
            font-family: 'Rajdhani', sans-serif;
            margin: 0;
            padding: 20px;
            /* Dark blue/violet background gradient */
            background: linear-gradient(135deg, #090a0f 0%, #100b20 100%);
            color: #d1d1e9; /* Light, slightly blue-tinted text */
            min-height: 100vh;
        }

        .container {
            max-width: 800px;
            margin: auto;
            /* Semi-transparent background for a "Glassmorphism" effect */
            background: rgba(15, 12, 41, 0.85);
            padding: 30px;
            border-radius: 12px;
            /* Violet border and external/internal glow */
            border: 1px solid rgba(138, 43, 226, 0.4);
            box-shadow: 0 0 20px rgba(138, 43, 226, 0.2), inset 0 0 15px rgba(0, 243, 255, 0.05);
            backdrop-filter: blur(10px);
        }

        h1, h2 {
            color: #00f3ff; /* Neon cyan blue */
            text-transform: uppercase;
            letter-spacing: 2px;
            text-shadow: 0 0 10px rgba(0, 243, 255, 0.6);
            border-bottom: 1px solid rgba(138, 43, 226, 0.5);
            padding-bottom: 8px;
        }

        h3 {
            color: #b829ff; /* Neon violet */
            text-transform: uppercase;
            letter-spacing: 1px;
            text-shadow: 0 0 10px rgba(184, 41, 255, 0.6);
        }

        p, ul, table {
            line-height: 1.6;
            font-size: 1.15em;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 15px;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 8px;
            overflow: hidden;
        }

        th, td {
            border: 1px solid rgba(138, 43, 226, 0.3);
            padding: 12px;
            text-align: left;
        }

        th {
            background-color: rgba(138, 43, 226, 0.2);
            color: #00f3ff;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        tr:hover {
            /* High-tech hover effect on table rows */
            background-color: rgba(0, 243, 255, 0.1);
            transition: background-color 0.3s ease;
        }

        pre {
            background-color: #05050a; /* Very dark background for code */
            color: #00f3ff; /* Terminal-style cyan text */
            padding: 15px;
            border: 1px solid rgba(0, 243, 255, 0.3);
            border-radius: 6px;
            overflow-x: auto;
            box-shadow: inset 0 0 10px rgba(0, 243, 255, 0.1);
            font-family: 'Courier New', Courier, monospace;
        }