body {
            margin: 0;
            font-family: 'Roboto Mono', monospace;
            background: linear-gradient(135deg, #8E2DE2, #4A00E0);
            color: #FFFFFF;
            overflow-x: hidden;
        }
        .header {
            position: relative;
            height: 100vh;
            background: linear-gradient(135deg, #12c2e9, #c471ed, #f64f59);
            animation: gradient-shift 5s infinite;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        .header h1 {
            background: -webkit-linear-gradient(#EE7752, #E73C7E, #23A6D5, #23D5AB);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 3em;
        }
        .container {
            padding: 20px;
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        .section {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        .section h2 {
            font-size: 2em;
            margin-bottom: 10px;
        }
        .section p {
            line-height: 1.6;
        }
        .section pre code {
            background: #2d2d2d;
            padding: 10px;
            border-radius: 5px;
            white-space: pre-wrap;
            word-wrap: break-word;
            font-size: 0.8em;
        }
        .section table {
            width: 100%;
            border-collapse: collapse;
        }
        .section th, .section td {
            border: 1px solid rgba(255, 255, 255, 0.1);
            padding: 10px;
        }
        .section th {
            background: rgba(255, 255, 255, 0.2);
        }
        .footer {
            text-align: center;
            padding: 20px 0;
            background: rgba(0, 0, 0, 0.1);
        }
        @keyframes gradient-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }