.reveal {
            background: 
                linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(20, 20, 40, 0.75) 50%, rgba(0, 0, 0, 0.9) 100%),
                url('background.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .reveal, .reveal h1, .reveal h2, .reveal h3, .reveal h4 {
            font-family: 'Outfit', sans-serif;
        }

        .reveal h1, .reveal h2, .reveal h3 {
            background: linear-gradient(90deg, #ff6b6b, #feca57, #ff6b6b);
            background-size: 200% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradientShift 4s ease infinite;
        }

        @keyframes gradientShift {
            0%, 100% { background-position: 0% center; }
            50% { background-position: 100% center; }
        }

        .reveal pre {
            box-shadow: 0 0 30px rgba(255, 94, 94, 0.3);
            border: 1px solid rgba(255, 94, 94, 0.2);
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .reveal pre:hover {
            box-shadow: 0 0 50px rgba(255, 94, 94, 0.5);
            transform: scale(1.02);
        }

        .reveal pre code {
            font-family: 'JetBrains Mono', monospace;
            border-radius: 12px;
        }

        .reveal .slides section .fragment {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .reveal .slides section .fragment.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .reveal .slides section .fragment:not(.visible) {
            transform: translateY(20px);
        }

        .author-slide {
            position: relative !important;
        }

        .author-corner-img {
            position: absolute !important;
            top: 0 !important;
            right: 0 !important;
            width: 110px !important;
            height: 110px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            border: 3px solid rgba(255, 107, 107, 0.6) !important;
            box-shadow: 0 0 30px rgba(255, 107, 107, 0.4) !important;
            z-index: 10 !important;
            max-height: none !important;
        }

        .author-corner-img:hover {
            box-shadow: 0 0 50px rgba(255, 107, 107, 0.7) !important;
        }

        .reveal a {
            color: #feca57;
            transition: all 0.3s ease;
        }

        .reveal a:hover {
            color: #ff6b6b;
            text-shadow: 0 0 10px rgba(255, 107, 107, 0.5);
        }

        .reveal ul li, .reveal ol li {
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }

        .reveal ul li:hover, .reveal ol li:hover {
            transform: translateX(10px);
            color: #feca57;
        }

        .reveal section img {
            transition: all 0.4s ease;
        }

        .reveal section img:hover {
            transform: scale(1.05);
            box-shadow: 0 0 40px rgba(255, 255, 255, 0.2);
        }

        .slides::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: 
                radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
                radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
                radial-gradient(2px 2px at 50px 160px, rgba(255,255,255,0.3), transparent),
                radial-gradient(2px 2px at 90px 40px, rgba(255,255,255,0.2), transparent),
                radial-gradient(2px 2px at 130px 80px, rgba(255,255,255,0.3), transparent),
                radial-gradient(2px 2px at 160px 120px, rgba(255,255,255,0.2), transparent);
            background-size: 200px 200px;
            animation: sparkle 5s linear infinite;
            pointer-events: none;
            z-index: 0;
        }

        @keyframes sparkle {
            0% { opacity: 0.5; }
            50% { opacity: 1; }
            100% { opacity: 0.5; }
        }

        .title-slide h1 {
            font-size: 2.5em !important;
            text-transform: uppercase;
            letter-spacing: 5px;
        }



        .title-slide img {
            filter: drop-shadow(0 0 30px rgba(255, 107, 107, 0.5));
        }

        .footer {
            background: linear-gradient(90deg, transparent, rgba(255, 107, 107, 0.3), transparent);
            padding: 5px 20px;
            border-radius: 5px;
        }

        .reveal ol {
            counter-reset: custom-counter;
            list-style: none;
            padding-left: 0;
        }

        .reveal ol li {
            counter-increment: custom-counter;
            position: relative;
            padding-left: 50px;
        }

        .reveal ol li::before {
            content: counter(custom-counter);
            position: absolute;
            left: 0;
            width: 30px;
            height: 30px;
            background: linear-gradient(135deg, #ff6b6b, #feca57);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #000;
            font-size: 0.8em;
        }

        code {
            color: #ff5e5e;
            background: rgba(255, 94, 94, 0.1);
            padding: 2px 8px;
            border-radius: 4px;
            font-family: 'JetBrains Mono', monospace;
        }

        .reveal ul li strong {
            color: #feca57;
        }

        .disclaimer-img {
            border-radius: 15px;
            border: 2px solid rgba(255, 0, 0, 0.3);
            box-shadow: 0 0 40px rgba(255, 0, 0, 0.3);
        }

        .reveal .progress {
            background: rgba(255, 255, 255, 0.1);
            height: 5px;
        }

        .reveal .progress span {
            background: linear-gradient(90deg, #ff6b6b, #feca57);
        }
        .author-container {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            grid-template-rows: auto auto;
            gap: 15px 30px;
            font-size: 0.7em;
            text-align: left;
            align-items: start;
            max-width: 95%;
            margin: 0 auto;
        }

        .author-bio {
            grid-column: 1;
            grid-row: 1;
        }

        .author-projects {
            grid-column: 1;
            grid-row: 2;
            background: rgba(255, 255, 255, 0.08);
            padding: 12px 15px;
            border-radius: 10px;
            margin-top: 0;
            border: 1px solid rgba(255, 107, 107, 0.2);
        }

        .author-projects p {
            margin: 0 0 8px 0 !important;
        }

        .author-images {
            grid-column: 2;
            grid-row: 1 / span 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            gap: 15px;
            padding-top: 20px;
        }

        .author-images img {
            max-height: 200px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        .disclaimer-img {
            max-height: 400px;
        }

        code {
            color: #ff5e5e;
        }

        .websites-list {
            margin-top: 5px;
        }

        .websites-list ul {
            display: grid;
            grid-template-columns: auto auto;
            gap: 5px 30px;
            list-style-position: inside;
            margin: 0;
            padding: 0;
        }

        .websites-list ul li {
            margin: 0;
            padding: 2px 0;
            font-size: 0.95em;
            white-space: nowrap;
        }

        .websites-list ul li:hover {
            transform: none;
        }

        .footer {
            position: fixed;
            bottom: 20px;
            left: 20px;
            font-size: 0.5em;
            color: #fff;
            z-index: 1000;
            font-family: "Source Sans Pro", Helvetica, sans-serif;
        }