        <style>
            body {
				height: 100%;
                margin: 0;
                padding: 0;
                font-family: 'Courier New', Courier, monospace;
                scroll-behavior: smooth;
				background-color: #013160;
                color: #ffffff;
            }
			body::before {
				content: '';
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				filter: blur(10px);
				z-index: -1;
			}
            .container {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 48vh;
                padding: 20px 1em;
                box-sizing: border-box;
                margin-bottom: 20px;
            }
			.bank-card {
				display: flex;
				justify-content: space-between;
				align-items: center;
				background-color: #0b59a7;
				padding: 20px;
				border-radius: 10px;
				width: 100%;
				max-width: 800px;
				transition: transform 0.5s ease, box-shadow 0.5s ease;
				transform-style: preserve-3d;
				box-shadow: none;
				flex-wrap: wrap;
			}
			.bank-card:hover {
				transform: translateY(-30px);
				box-shadow: 0px 10px 20px #a5bed6;
			}
            .bank-info {
                flex: 1;
                padding-right: 20px;
            }
            .bank-info h1 {
                font-size: 2em;
                margin: 0;
                color: #ffffff;
            }
            .bank-info h2 {
                display: flex;
                align-items: center;
                margin: 10px 0;
                font-size: 1.2em;
            }
            .copy-button {
                margin-left: 10px;
                padding: 5px 10px;
                background-color: #013160;
                color: #ffffff;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                font-size: 0.8em;
            }
            .copy-button:hover {
                background-color: #013160;
            }
            .qr-code {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .qr-code img {
                width: 150px;
                height: 150px;
            }
			.footer {
				font-size: 0.5em;
				text-align: center;
				padding: 10px;
				color: #ffffff;
			}
            .copy-notification {
                position: fixed;
                bottom: 20px;
                right: 20px;
                background-color: #0b59a7;
                color: #ffffff;
                padding: 10px 20px;
                border-radius: 5px;
                box-shadow: 0px 0px 10px #0b59a7;
                opacity: 0;
                transition: opacity 0.5s;
                font-size: 1em;
            }
            @media (max-width: 600px) {
                .bank-card {
                    flex-direction: column;
                    text-align: center;
                    padding: 15px;
                }
                .bank-info {
                    padding-right: 0;
                    text-align: center;
                }
                .bank-info h1 {
                    font-size: 1.5em;
                }
                .bank-info h2 {
                    font-size: 0.9em;
                }
                .qr-code {
                    margin-top: 15px;
                }
                .qr-code img {
                    width: 200px;
                    height: 200px;
                }
            }
            .snowflake {
                position: fixed;
                top: -10px;
                color: #ffffff;
                font-size: 1.5em;
                user-select: none;
                z-index: 9999;
                animation: fall 10s linear infinite;
            }
            @keyframes fall {
                to {
                    transform: translateY(100vh) rotate(360deg);
                }
            }
			#backgroundVideo {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				filter: blur(9px);
				z-index: -1;
			}
        </style>
    </head>
    <video autoplay muted loop playsinline id="backgroundVideo">
        <source src="http://kichiro.x10.mx/Vidieo/Furina.mp4" type="video/mp4">
    </video>   
    <body>
        <div class="container">
            <div class="bank-card">
                <div class="bank-info">
                    <h1>Zalo Pay</h1>
                    <h2>Number: 0902173918  
                        <button class="copy-button" onclick="Copy('0902173918 ')">Copy</button>
                    </h2>
                    <h2>Owner: Lương Hoàng Lâm
                        <button class="copy-button" onclick="Copy('NGHIEM HOANG TUNG')">Copy</button>
                    </h2>
                </div>
                <div class="qr-code">
                    <img src="http://kichiro.x10.mx/Image/Kichiro_Zalo.jpg">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="bank-card">
                <div class="bank-info">
                    <h1>Techcombank</h1>
                    <h2>Number: 1510200929  
                        <button class="copy-button" onclick="Copy('1510200929')">Copy</button>
                    </h2>
                    <h2>Owner: LUONG HOANG LAM
                        <button class="copy-button" onclick="Copy('NGHIEM HOANG TUNG')">Copy</button>
                    </h2>
                </div>
                <div class="qr-code">
                    <img src="http://kichiro.x10.mx/Image/Kichiro_Tech.jpg">
                </div>
            </div>
        </div>
        <div class="copy-notification" id="copyNotification">Copied to clipboard!</div>
        <script>
            function Copy(text) {
                navigator.clipboard.writeText(text).then(() => {
                    Show();
                }).catch((error) => {
                    alert('Failed to copy : ' + error);
                });
            }
            function Show() {
                const notification = document.getElementById('copyNotification');
                notification.style.opacity = '1';
                setTimeout(() => {notification.style.opacity = '0'}, 2000);
            }
            const SnowEffect = () => {
                const snowflake = document.createElement("div");
                snowflake.innerHTML = "🌸";
                snowflake.classList.add("snowflake");
                snowflake.style.left = Math.random() * window.innerWidth + "px";
                snowflake.style.fontSize = Math.random() * 10 + 10 + "px";
                snowflake.style.animationDuration = Math.random() * 3 + 7 + "s";
                document.body.appendChild(snowflake);
                setTimeout(() => {
                    snowflake.remove();
                }, 10000);
            };
            setInterval(SnowEffect, 500);
        </script>
    </body>