/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-07-23 20:23:19 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}
.page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown, .minicart-wrapper .block-minicart, .product-item .tocart, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist, input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], .footer-middle .block.newsletter input, .footer-middle .block.newsletter .action.subscribe, .filter-options-title, .filter-options-item.active .filter-options-title, .filter-options-content, .filter-options-title:after, .toolbar select, .swatch-option, .pages .page, .pages .action, .fotorama__stage, .fotorama__nav--thumbs .fotorama__thumb, .fotorama__nav .fotorama__thumb-border, .input-text.qty, .qty.field .qty-changer > a, button, a.action.primary, textarea, .minicart-items .item-qty, .block-minicart .block-content > .actions > .secondary .action.viewcart, .cart.table-wrapper .product-image-container, .cart-summary, select, #discount-coupon-form #coupon_code, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .message, .box .box-title, .box .box-actions, .customer-welcome .header.links, .btn, .cms-index-index blockquote.testimonial, .recent-posts .item .post-image, .prev-next-products .product-nav .product-pop, #newsletter_popup, .product-label, .page-header.type11 .navigation li.level0.active, .page-header.type11 .navigation li.level0:hover, .filter .filter-current-subtitle, .filter-actions, .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2, .block-header-customer-login, .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary.action, .action.tocompare, .product-addto-links .action.tocompare, .moved-add-to-links .action.tocompare, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .moved-add-to-links .action.mailto.friend, .product-social-links .action.towishlist, .product-addto-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist
{
    border-radius: 0;
}
.sw-megamenu.navigation li.level0.fullwidth:hover > .submenu, .sw-megamenu.navigation li.level0.staticwidth:hover > .submenu, .sw-megamenu.navigation li.level0.classic .submenu, .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu, .sw-megamenu.navigation span.cat-label, .category-boxed-banner .owl-item .item, .iwd-summary-cart, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary {
    border-radius: 0 !important;
}
@media (min-width: 768px) {
    .block-search input, .page-header.type1 .navigation > ul, .navigation li.level0, .page-header.type1 .navigation li.level0.parent:hover, .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header .navigation .level0 .submenu, .product.data.items > .item.title > .switch, .customer-welcome .header.links, .page-header.type5 .block-search input, .page-header.type5 .navigation .level0.parent:hover > .level-top, .page-header.type6 .block-search input, .page-header.type6 .navigation .level0:hover > .level-top, .page-header.type6 .navigation .level0.parent:hover > .level-top, .product.info.detailed.vertical .product.data.items > .item.title > .switch, .page-header.type5 .navigation .level0:hover > .level-top, .page-header.type11 .navigation li.level0.parent:hover
    {
        border-radius: 0;
    }
}
@media (min-width: 640px) {
    .modes-mode
    {
        border-radius: 0;
    }
}
.product-item-photo {
    border-radius: 0;
    border: 0;
    padding: 0;
}
.product-image-photo.hover_image {
    padding: 0;
    border-radius: 0;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GORZ ROSTAM · BLOOD FOR BLOOD</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&family=Alef&display=swap" rel="stylesheet" />
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body,
        html {
            background: #0a0a0a;
            font-family: 'Trebuchet MS', 'Segoe UI', sans-serif;
            overflow-x: hidden;
            min-height: 100vh;
            cursor: default;
        }

        #networkCanvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            display: block;
            pointer-events: none;
        }

        .dark-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(ellipse at 50% 50%, rgba(10, 10, 10, 0.4) 0%, rgba(5, 5, 5, 0.7) 100%);
            z-index: 1;
            pointer-events: none;
        }

        .fire-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('http://bestanimations.com/Nature/Fire/fire-animated-gif-4.gif') no-repeat center center;
            background-size: cover;
            z-index: 1;
            opacity: 0.15;
            filter: brightness(0.7) saturate(1.2);
            pointer-events: none;
        }

        .snow-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            pointer-events: none;
            overflow: hidden;
        }

        .snowflake {
            position: absolute;
            top: -20px;
            color: rgba(255, 255, 255, 0.6);
            font-size: 14px;
            animation: fall linear infinite;
            text-shadow: 0 0 10px rgba(255, 255, 255, 0.15), 0 0 30px rgba(255, 255, 255, 0.05);
            user-select: none;
            will-change: transform;
        }

        @keyframes fall {
            0% {
                transform: translateY(-20px) rotate(0deg) scale(0.8);
                opacity: 0.8;
            }
            100% {
                transform: translateY(110vh) rotate(720deg) scale(1.2);
                opacity: 0.2;
            }
        }

        .top-logo {
            position: fixed;
            top: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 100;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 2px solid rgba(255, 0, 0, 0.25);
            box-shadow: 0 0 60px rgba(255, 0, 0, 0.1);
            overflow: hidden;
            background: #0a0a0a;
            pointer-events: none;
        }

        .top-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .content-wrapper {
            position: relative;
            z-index: 5;
            min-height: 100vh;
            padding: 160px 30px 60px;
        }

        .slideshow-wrapper {
            width: 100%;
            max-width: 1100px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 18px;
        }

        .slideshow-title {
            font-family: 'Josefin Sans', sans-serif;
            font-size: 1.6rem;
            font-weight: 300;
            letter-spacing: 6px;
            color: rgba(255, 255, 255, 0.35);
            text-transform: uppercase;
            text-shadow: 0 0 30px rgba(255, 0, 0, 0.08);
            min-height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .slideshow-title .cursor-blink {
            display: inline-block;
            width: 3px;
            height: 1.2em;
            background: #ff0040;
            margin-left: 5px;
            animation: blink 0.8s step-end infinite;
            box-shadow: 0 0 10px #ff0040;
        }

        @keyframes blink {
            0%,
            100% {
                opacity: 1;
            }
            50% {
                opacity: 0;
            }
        }

        .slideshow-grid {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            width: 100%;
        }

        .image-wrapper {
            position: relative;
            width: 220px;
            height: 150px;
            border-radius: 12px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.06);
            flex-shrink: 0;
            transition: all 0.4s ease;
            background: #1a0a0a;
            z-index: 10;
        }

        .image-wrapper:hover {
            border-color: rgba(255, 0, 0, 0.3);
            transform: scale(1.04);
        }

        .image-wrapper .bg-img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.92;
            transition: opacity 0.3s;
        }

        .image-wrapper:hover .bg-img {
            opacity: 1;
        }

        .blood-text {
            font-family: 'Josefin Sans', sans-serif;
            font-weight: 700;
            font-size: 2.4rem;
            letter-spacing: 5px;
            color: #ff1a1a;
            text-shadow: 0 0 50px rgba(255, 0, 0, 0.3), 0 0 100px rgba(255, 0, 0, 0.08);
            text-align: center;
            margin-top: 8px;
            padding: 12px 30px;
            border-top: 2px solid rgba(255, 0, 0, 0.1);
            border-bottom: 2px solid rgba(255, 0, 0, 0.1);
            background: rgba(0, 0, 0, 0.25);
            backdrop-filter: blur(2px);
            border-radius: 8px;
            width: 100%;
            max-width: 900px;
        }

        .mainContainer {
            width: 100%;
            max-width: 1100px;
            margin: 40px auto 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding-bottom: 40px;
        }

        .textBlock.he {
            font-family: 'Alef', sans-serif;
            font-size: 2.8rem;
            font-weight: 700;
            color: #ff1a1a;
            text-shadow: 0 0 30px rgba(255, 0, 0, 0.2);
            margin-bottom: 20px;
            letter-spacing: 0.5px;
            max-width: 1000px;
            line-height: 1.3;
        }

        .white-text {
            color: #e0e0e0;
            font-size: 1.5rem;
            line-height: 1.9;
            text-shadow: 0 0 30px rgba(0, 0, 0, 0.95);
            max-width: 820px;
            padding: 25px 35px;
            border-left: 2px solid rgba(255, 0, 0, 0.15);
            border-right: 2px solid rgba(255, 0, 0, 0.15);
            background: rgba(10, 10, 10, 0.4);
            backdrop-filter: blur(2px);
            border-radius: 8px;
            margin: 10px 0;
        }

        .hr {
            width: 40%;
            max-width: 300px;
            border: 1px solid rgba(255, 0, 0, 0.1);
            margin: 30px 0 20px;
            border-radius: 4px;
        }

        .container .teamName {
            font-family: 'Josefin Sans', sans-serif;
            text-transform: uppercase;
            letter-spacing: 14px;
            font-size: 2rem;
            color: #b0b0b0;
            text-shadow: 0 0 30px rgba(255, 0, 0, 0.05);
            padding: 5px 0;
            font-weight: 300;
        }

        .container .teamName span {
            color: #ff1a1a;
            text-shadow: 0 0 30px rgba(255, 0, 0, 0.15);
        }

        .telegram-link {
            font-size: 1.2rem;
            color: #888;
            text-decoration: none;
            padding: 8px 30px;
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 30px;
            transition: all 0.3s ease;
            margin-top: 10px;
            display: inline-block;
            letter-spacing: 4px;
            background: rgba(10, 10, 10, 0.3);
            backdrop-filter: blur(4px);
            font-weight: 300;
        }

        .telegram-link:hover {
            color: #ff1a1a;
            border-color: rgba(255, 0, 0, 0.2);
            box-shadow: 0 0 40px rgba(255, 0, 0, 0.05);
            transform: scale(1.02);
        }

        @media only screen and (max-width: 800px) {
            .image-wrapper {
                width: 170px;
                height: 120px;
            }
            .slideshow-grid {
                gap: 15px;
            }
            .blood-text {
                font-size: 1.7rem;
                letter-spacing: 3px;
                padding: 10px 20px;
            }
            .textBlock.he {
                font-size: 2.2rem;
            }
            .white-text {
                font-size: 1.2rem;
                padding: 18px 22px;
            }
            .container .teamName {
                font-size: 1.5rem;
                letter-spacing: 8px;
            }
            .top-logo {
                width: 80px;
                height: 80px;
                top: 20px;
            }
            .slideshow-title {
                font-size: 1.2rem;
                letter-spacing: 4px;
                min-height: 50px;
            }
            .content-wrapper {
                padding: 140px 20px 40px;
            }
            .snowflake {
                font-size: 12px;
            }
        }

        @media only screen and (max-width: 500px) {
            .image-wrapper {
                width: 130px;
                height: 90px;
                border-radius: 8px;
            }
            .slideshow-grid {
                gap: 10px;
            }
            .blood-text {
                font-size: 1.2rem;
                letter-spacing: 2px;
                padding: 8px 14px;
                border-top: 1px solid rgba(255, 0, 0, 0.08);
                border-bottom: 1px solid rgba(255, 0, 0, 0.08);
            }
            .textBlock.he {
                font-size: 1.6rem;
            }
            .white-text {
                font-size: 1rem;
                padding: 14px 18px;
                line-height: 1.7;
            }
            .container .teamName {
                font-size: 1.2rem;
                letter-spacing: 5px;
            }
            .telegram-link {
                font-size: 0.9rem;
                padding: 6px 20px;
                letter-spacing: 2px;
            }
            .top-logo {
                width: 60px;
                height: 60px;
                top: 15px;
            }
            .slideshow-title {
                font-size: 0.9rem;
                letter-spacing: 3px;
                min-height: 40px;
            }
            .content-wrapper {
                padding: 120px 15px 30px;
            }
            .snowflake {
                font-size: 10px;
            }
        }
    </style>
</head>
<body>

    <canvas id="networkCanvas"></canvas>

    <div class="dark-bg"></div>
    <div class="fire-bg"></div>

    <div class="snow-container" id="snowContainer"></div>

    <div class="top-logo">
        <img src="https://pbs.twimg.com/profile_images/2065103215369076736/B6029FUI_400x400.jpg" alt="logo" />
    </div>

    <div class="content-wrapper">
        <div class="slideshow-wrapper">

            <div class="slideshow-title" id="typingTitle">
                <span id="titleText"></span><span class="cursor-blink"></span>
            </div>

            <div class="slideshow-grid">
                <div class="image-wrapper">
                    <div class="bg-img" style="background-image: url('https://i.postimg.cc/FR1qgR3P/6a4ce888cf175.jpg');"></div>
                </div>
                <div class="image-wrapper">
                    <div class="bg-img" style="background-image: url('https://i.postimg.cc/Ss0p9K8s/HCtyy-XAXs-AA6nz4.jpg');"></div>
                </div>
                <div class="image-wrapper">
                    <div class="bg-img" style="background-image: url('https://i.postimg.cc/Sx2tG1VX/5992971.jpg');"></div>
                </div>
                <div class="image-wrapper">
                    <div class="bg-img" style="background-image: url('https://i.postimg.cc/9FvLF5j0/deafb9b0628c4c26bad4ab2aaae7ba3c.jpg');"></div>
                </div>
                <div class="image-wrapper">
                    <div class="bg-img" style="background-image: url('https://i.postimg.cc/Bb2PB7N7/images.jpg');"></div>
                </div>
                <div class="image-wrapper">
                    <div class="bg-img" style="background-image: url('https://i.postimg.cc/Fs1R6H0p/2026-07-05-T131704-Z-1784345925-RC2-N7-MAEPJ0-A-RTRMADP-3-IRAN-CRISIS-KHAMENEI.jpg');"></div>
                </div>
            </div>

            <div class="blood-text">
                BLOOD FOR BLOOD WE KILL TRUMP
            </div>

        </div>

        <div class="mainContainer">
            <h1 class="textBlock he">Trump wants to reopen the Strait of Hormuz?</h1>
            <div class="white-text">
                The same guy who caused it to be closed by Iran?<br />
                That's ridiculous…<br /><br />
                Trump says every day that the Iranian regime has changed,<br />
                but the only thing that constantly changes is the price of gasoline!<br /><br />
                Trump wants to take Iran back to the Stone Age,<br />
                but with these gas prices, he's just taking us to the Stone Age.<br /><br />
                Do you know how powerful the Epstein case is?<br />
                So powerful that you'd attack Iran for it,<br />
                then claim it's because of Iran's uranium.
            </div>
            <hr class="hr" />
            <div class="container">
                <h2 class="teamName">
                    <span>GORZ ROSTAM</span>
                </h2>
                <a class="telegram-link" href="https://t.me/GORZROSTAM313" target="_blank">TELEGRAM CHANNEL</a>
            </div>
        </div>
    </div>

    <script>
        (function() {
            const canvas = document.getElementById('networkCanvas');
            const ctx = canvas.getContext('2d');

            let width, height;
            let nodes = [];
            const nodeCount = 90;
            const maxDistance = 150;
            const mouse = { x: null, y: null, radius: 180 };

            function resize() {
                width = canvas.width = window.innerWidth;
                height = canvas.height = window.innerHeight;
            }
            window.addEventListener('resize', resize);
            resize();

            class Node {
                constructor() {
                    this.x = Math.random() * width;
                    this.y = Math.random() * height;
                    this.vx = (Math.random() - 0.5) * 0.15;
                    this.vy = (Math.random() - 0.5) * 0.15;
                    this.radius = Math.random() * 1.8 + 1.2;
                    this.baseRadius = this.radius;
                }

                update() {
                    this.x += this.vx;
                    this.y += this.vy;

                    if (this.x < 0 || this.x > width) this.vx *= -1;
                    if (this.y < 0 || this.y > height) this.vy *= -1;

                    if (mouse.x !== null) {
                        const dx = mouse.x - this.x;
                        const dy = mouse.y - this.y;
                        const dist = Math.sqrt(dx * dx + dy * dy);
                        if (dist < mouse.radius) {
                            const force = (mouse.radius - dist) / mouse.radius;
                            this.x += dx * force * 0.05;
                            this.y += dy * force * 0.05;
                            this.radius = this.baseRadius + force * 1.5;
                        } else {
                            this.radius = this.baseRadius;
                        }
                    }

                    const speed = Math.sqrt(this.vx * this.vx + this.vy * this.vy);
                    if (speed > 0.6) {
                        this.vx = (this.vx / speed) * 0.6;
                        this.vy = (this.vy / speed) * 0.6;
                    }
                }

                draw() {
                    let glow = 6;
                    if (mouse.x !== null) {
                        const dx = mouse.x - this.x;
                        const dy = mouse.y - this.y;
                        const dist = Math.sqrt(dx * dx + dy * dy);
                        if (dist < mouse.radius) {
                            glow = 12 + ((mouse.radius - dist) / mouse.radius) * 20;
                        }
                    }

                    ctx.beginPath();
                    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                    ctx.fillStyle = '#ff1a1a';
                    ctx.shadowColor = '#ff1a1a';
                    ctx.shadowBlur = glow;
                    ctx.fill();
                    ctx.shadowBlur = 0;
                }
            }

            for (let i = 0; i < nodeCount; i++) {
                nodes.push(new Node());
            }

            function drawLines() {
                const len = nodes.length;
                for (let i = 0; i < len; i++) {
                    for (let j = i + 1; j < len; j++) {
                        const dx = nodes[i].x - nodes[j].x;
                        const dy = nodes[i].y - nodes[j].y;
                        const dist = Math.sqrt(dx * dx + dy * dy);

                        if (dist < maxDistance) {
                            let opacity = (1 - (dist / maxDistance)) * 0.5;

                            if (mouse.x !== null) {
                                const mx = (mouse.x - nodes[i].x) + (mouse.x - nodes[j].x);
                                const my = (mouse.y - nodes[i].y) + (mouse.y - nodes[j].y);
                                const mDist = Math.sqrt(mx * mx + my * my) / 2;
                                if (mDist < mouse.radius) {
                                    const boost = 1 + ((mouse.radius - mDist) / mouse.radius) * 0.6;
                                    opacity = Math.min(opacity * boost, 0.85);
                                }
                            }

                            if (opacity > 0.03) {
                                ctx.beginPath();
                                ctx.moveTo(nodes[i].x, nodes[i].y);
                                ctx.lineTo(nodes[j].x, nodes[j].y);
                                ctx.strokeStyle = 'rgba(255, 26, 26, ' + opacity + ')';
                                ctx.lineWidth = opacity * 0.9;
                                ctx.stroke();
                            }
                        }
                    }
                }
            }

            function drawMouseRing() {
                if (mouse.x !== null) {
                    const gradient = ctx.createRadialGradient(
                        mouse.x, mouse.y, 0,
                        mouse.x, mouse.y, mouse.radius
                    );
                    gradient.addColorStop(0, 'rgba(255, 26, 26, 0.05)');
                    gradient.addColorStop(0.5, 'rgba(255, 26, 26, 0.02)');
                    gradient.addColorStop(1, 'rgba(255, 26, 26, 0)');

                    ctx.beginPath();
                    ctx.arc(mouse.x, mouse.y, mouse.radius, 0, Math.PI * 2);
                    ctx.fillStyle = gradient;
                    ctx.fill();

                    ctx.beginPath();
                    ctx.arc(mouse.x, mouse.y, 40, 0, Math.PI * 2);
                    ctx.strokeStyle = 'rgba(255, 26, 26, 0.08)';
                    ctx.lineWidth = 1;
                    ctx.stroke();
                }
            }

            function animate() {
                ctx.clearRect(0, 0, width, height);

                for (const node of nodes) {
                    node.update();
                }

                drawLines();

                for (const node of nodes) {
                    node.draw();
                }

                drawMouseRing();

                requestAnimationFrame(animate);
            }

            animate();

            window.addEventListener('mousemove', function(e) {
                mouse.x = e.clientX;
                mouse.y = e.clientY;
            });

            window.addEventListener('mouseleave', function() {
                mouse.x = null;
                mouse.y = null;
            });

        })();

        (function() {
            const titleText = "In memory of the martyrs of Minab";
            const titleElement = document.getElementById('titleText');
            let index = 0;
            let isDeleting = false;
            let speed = 120;

            function typeEffect() {
                if (!isDeleting) {
                    if (index < titleText.length) {
                        titleElement.textContent = titleText.substring(0, index + 1);
                        index++;
                        setTimeout(typeEffect, speed);
                    } else {
                        isDeleting = true;
                        setTimeout(typeEffect, 3000);
                    }
                } else {
                    if (index > 0) {
                        titleElement.textContent = titleText.substring(0, index - 1);
                        index--;
                        setTimeout(typeEffect, speed / 2);
                    } else {
                        isDeleting = false;
                        setTimeout(typeEffect, 800);
                    }
                }
            }

            setTimeout(typeEffect, 1000);
        })();

        (function() {
            const snowContainer = document.getElementById('snowContainer');
            const flakes = ['❄', '❅', '❆', '✦'];

            function createSnow() {
                for (let i = 0; i < 50; i++) {
                    const snowflake = document.createElement('div');
                    snowflake.className = 'snowflake';
                    snowflake.textContent = flakes[Math.floor(Math.random() * flakes.length)];
                    snowflake.style.left = Math.random() * 100 + '%';
                    const size = Math.random() * 12 + 10;
                    snowflake.style.fontSize = size + 'px';
                    snowflake.style.animationDuration = (Math.random() * 18 + 12) + 's';
                    snowflake.style.animationDelay = (Math.random() * 15) + 's';
                    snowflake.style.opacity = Math.random() * 0.5 + 0.3;
                    snowflake.style.color = 'rgba(255, 255, 255, ' + (Math.random() * 0.4 + 0.3) + ')';
                    snowflake.style.textShadow = '0 0 ' + (size * 0.5) + 'px rgba(255, 255, 255, 0.1), 0 0 ' + size + 'px rgba(255, 255, 255, 0.05)';
                    snowContainer.appendChild(snowflake);
                }
            }

            createSnow();
        })();
    </script>
</body>
</html>