<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>yFxZ Devs - Full Stack Developer & Security Specialist</title>

    <!-- Meta tags principais -->
    <meta name="description" content="Desenvolvedor especializado em segurança e hacking. Criação de ferramentas avançadas, sistemas de automação e soluções personalizadas.">
    <meta name="keywords" content="desenvolvimento, segurança, hacking, automação, bots, checkers, full stack, programação">
    <meta name="author" content="yFxZ Devs">
    <meta name="robots" content="index, follow">

    <!-- OpenGraph Meta Tags -->
    <meta property="og:title" content="yFxZ Devs - Security & Development">
    <meta property="og:description" content="Desenvolvedor especializado em segurança e hacking. Soluções personalizadas com foco em performance e indetectabilidade.">
    <meta property="og:image" content="https://avatars.githubusercontent.com/u/135947706?v=4">
    <meta property="og:url" content="https://yfxz.xyz">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="yFxZ Devs">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="yFxZ Devs - Security & Development">
    <meta name="twitter:description" content="Desenvolvedor especializado em segurança e hacking. Soluções personalizadas com foco em performance e indetectabilidade.">
    <meta name="twitter:image" content="https://avatars.githubusercontent.com/u/135947706?v=4">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="https://avatars.githubusercontent.com/u/135947706?v=4">
    <link rel="apple-touch-icon" href="https://avatars.githubusercontent.com/u/135947706?v=4">

    <!-- Tema e Cor -->
    <meta name="theme-color" content="#00d9ff">
    <meta name="msapplication-navbutton-color" content="#00d9ff">
    <meta name="apple-mobile-web-app-status-bar-style" content="#00d9ff">

    <!-- Restante das tags link -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <style>
        :root {
            --bg: #0a0c10;
            --card-bg: #111318;
            --accent: #00d9ff;
            --accent-dark: #00a6c4;
            --text: #ffffff;
            --text-secondary: #8b8b8b;
            --gradient: linear-gradient(135deg, #00d9ff, #00a6c4);
            --card-border: rgba(0, 217, 255, 0.1);
            --card-hover: rgba(0, 217, 255, 0.2);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

        body {
            background: var(--bg);
            color: var(--text);
            line-height: 1.6;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 4rem 2rem;
        }

        header {
            text-align: left;
            margin-bottom: 6rem;
            display: flex;
            align-items: center;
            gap: 3rem;
            background: rgba(255, 255, 255, 0.02);
            padding: 3rem;
            border-radius: 20px;
            border: 1px solid var(--card-border);
            backdrop-filter: blur(10px);
        }

        .profile-img {
            width: 180px;
            height: 180px;
            border-radius: 20px;
            margin: 0;
            border: 3px solid var(--accent);
            padding: 3px;
            transition: all 0.3s ease;
        }

        .profile-img:hover {
            transform: scale(1.05);
            box-shadow: 0 0 30px rgba(0, 217, 255, 0.2);
        }

        .profile-info {
            flex: 1;
        }

        h1 {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 0.5rem;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
        }

        .subtitle {
            color: var(--text);
            font-size: 1.4rem;
            margin-bottom: 1rem;
            font-weight: 500;
        }

        .bio {
            color: var(--text-secondary);
            font-size: 1rem;
            margin-bottom: 1.5rem;
            max-width: 600px;
            line-height: 1.8;
        }

        .contact-links {
            margin-top: 1.5rem;
        }

        .contact-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background-color: transparent;
            border: 1px solid var(--accent);
            color: var(--text);
            padding: 8px 20px;
            border-radius: 6px;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.2s ease;
            position: relative;
            overflow: hidden;
        }

        .contact-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(0, 217, 255, 0.1),
                transparent
            );
            transition: 0.5s;
        }

        .contact-btn:hover::before {
            left: 100%;
        }

        .contact-btn:hover {
            background-color: var(--accent);
            color: var(--bg);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 217, 255, 0.2);
        }

        .contact-btn i {
            font-size: 1rem;
            transition: transform 0.2s ease;
        }

        .contact-btn:hover i {
            color: var(--bg);
            transform: translateX(2px);
        }

        .social-link {
            color: var(--text-secondary);
            font-size: 1.5rem;
            transition: all 0.3s ease;
        }

        .social-link:hover {
            color: var(--accent);
            transform: translateY(-3px);
        }

        @media (max-width: 768px) {
            header {
                flex-direction: column;
                text-align: center;
                padding: 2rem;
                gap: 2rem;
            }

            .profile-img {
                width: 150px;
                height: 150px;
            }

            h1 {
                font-size: 2.5rem;
            }

            .contact-links {
                justify-content: center;
            }
        }

        section {
            margin-bottom: 5rem;
        }

        .section-title {
            font-size: 2rem;
            margin-bottom: 2rem;
            text-align: center;
            color: var(--accent);
        }

        .skills-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
            gap: 1.5rem;
            margin-bottom: 4rem;
        }

        .skill-card {
            position: relative;
            background: var(--card-bg);
            padding: 1.5rem;
            border-radius: 15px;
            text-align: center;
            transition: all 0.3s ease;
            border: 1px solid var(--card-border);
            overflow: hidden;
        }

        .skill-card h3 {
            font-size: 1rem;
            margin-top: 0.5rem;
            color: var(--text);
        }

        .skill-card i {
            font-size: 2rem;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: all 0.3s ease;
        }

        .skill-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent);
            box-shadow: 0 5px 15px rgba(0, 217, 255, 0.1);
        }

        .skill-card:hover i {
            transform: scale(1.1);
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .service-card {
            background: var(--card-bg);
            padding: 2rem;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }

        .service-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent);
        }

        .service-card i {
            font-size: 2.5rem;
            color: var(--accent);
            margin-bottom: 1.5rem;
        }

        .service-card h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

        .service-card p {
            color: var(--text-secondary);
        }

        .terms {
            background: var(--card-bg);
            padding: 2rem;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .terms h3 {
            color: var(--accent);
            margin-bottom: 1.5rem;
            font-size: 1.5rem;
        }

        .terms ul {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            max-width: 800px;
            margin: 0 auto;
        }

        .terms li {
            background: rgba(255, 255, 255, 0.03);
            padding: 1.5rem;
            border-radius: 12px;
            border: 1px solid var(--card-border);
            transition: all 0.3s ease;
            display: flex;
            align-items: flex-start;
            gap: 1.5rem;
        }

        .terms li:hover {
            transform: translateX(10px);
            border-color: var(--accent);
            background: rgba(0, 217, 255, 0.05);
        }

        .terms i {
            font-size: 1.8rem;
            color: var(--accent);
            flex-shrink: 0;
        }

        .term-content {
            flex: 1;
        }

        .term-content h4 {
            color: var(--text);
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
        }

        .term-content p {
            color: var(--text-secondary);
            line-height: 1.6;
        }

        .skill-card::before,
        .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--gradient);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
            border-radius: inherit;
        }

        .skill-card:hover::before,
        .service-card:hover::before {
            opacity: 0.1;
        }

        .services-grid .service-card:hover i {
            animation: pulse 1s infinite;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1);
            }
        }

        .terms {
            background: rgba(255, 255, 255, 0.02);
            padding: 2.5rem;
            border-radius: 20px;
            border: 1px solid var(--card-border);
            backdrop-filter: blur(10px);
        }

        .terms ul {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .terms li {
            background: var(--card-bg);
            padding: 1.5rem;
            border-radius: 15px;
            border: 1px solid var(--card-border);
            transition: all 0.3s ease;
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }

        .terms li:hover {
            transform: translateY(-5px);
            border-color: var(--accent);
            box-shadow: 0 5px 15px rgba(0, 217, 255, 0.1);
        }

        .terms i {
            font-size: 1.5rem;
            color: var(--accent);
            margin-top: 0.2rem;
        }

        .term-content h4 {
            color: var(--text);
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }

        .term-content p {
            color: var(--text-secondary);
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .skill-card, .service-card {
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .skill-card::before, .service-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(0, 217, 255, 0.1),
                transparent
            );
            transition: 0.5s;
            z-index: -1;
        }

        .skill-card:hover::before, .service-card:hover::before {
            left: 100%;
        }

        .skill-card:hover, .service-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 10px 30px rgba(0, 217, 255, 0.15);
        }

        .service-card i {
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .service-card:hover i {
            transform: rotateY(360deg) scale(1.2);
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @keyframes float {
            0% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
            100% {
                transform: translateY(0px);
            }
        }

        .skill-card:hover {
            animation: float 3s ease-in-out infinite;
        }

        /* Scroll personalizado */
        ::-webkit-scrollbar {
            width: 12px;
            background: rgba(0, 0, 0, 0.2);
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(to bottom, var(--accent), var(--accent-dark));
            border-radius: 6px;
            border: 3px solid var(--bg);
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, var(--accent-dark), var(--accent));
        }

        /* Melhorias na responsividade */
        @media (max-width: 1200px) {
            .container {
                padding: 2rem 1.5rem;
            }

            .services-grid {
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            }
        }

        @media (max-width: 992px) {
            h1 {
                font-size: 3rem;
            }

            .subtitle {
                font-size: 1.2rem;
            }

            .skills-grid {
                grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            }
        }

        @media (max-width: 768px) {
            header {
                flex-direction: column;
                text-align: center;
                padding: 2rem;
                gap: 2rem;
            }

            .profile-img {
                width: 150px;
                height: 150px;
            }

            h1 {
                font-size: 2.5rem;
            }

            .bio {
                font-size: 0.95rem;
            }

            .section-title {
                font-size: 1.8rem;
            }

            .terms ul {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 576px) {
            .container {
                padding: 1.5rem 1rem;
            }

            header {
                padding: 1.5rem;
            }

            .skills-grid {
                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
                gap: 1rem;
            }

            .service-card {
                padding: 1.5rem;
            }

            .service-card h3 {
                font-size: 1.3rem;
            }

            .terms li {
                padding: 1.2rem;
            }
        }

        @media (max-width: 380px) {
            h1 {
                font-size: 2rem;
            }

            .subtitle {
                font-size: 1rem;
            }

            .skills-grid {
                grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
            }
        }

        /* Smooth Scroll */
        html {
            scroll-behavior: smooth;
        }

        /* Otimizações para dispositivos móveis */
        @media (hover: none) {
            .skill-card:hover,
            .service-card:hover {
                transform: none;
            }
        }

        /* Melhor suporte para telas ultra-wide */
        @media (min-width: 1400px) {
            .container {
                max-width: 1320px;
            }
        }

        /* Prevenção de overflow em dispositivos pequenos */
        body {
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        /* Melhor legibilidade em telas pequenas */
        @media (max-width: 380px) {
            .service-card p,
            .term-content p {
                font-size: 0.9rem;
            }
        }

        .toast {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background: linear-gradient(135deg, rgba(0, 217, 255, 0.1), rgba(0, 217, 255, 0.05));
            border: 1px solid rgba(0, 217, 255, 0.3);
            padding: 12px 24px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            gap: 12px;
            z-index: 1000;
            animation: toastFloat 4s ease-in-out infinite, toastSlide 0.8s cubic-bezier(0.19, 1, 0.22, 1);
            box-shadow: 0 5px 15px rgba(0, 217, 255, 0.2);
        }

        .toast i {
            color: var(--accent);
            font-size: 1.2rem;
        }

        .toast span {
            color: var(--text);
            font-size: 0.9rem;
        }

        @keyframes toastFloat {
            0%, 100% {
                transform: translateY(0) rotate(-1deg);
            }
            50% {
                transform: translateY(-15px) rotate(1deg);
            }
        }

        @keyframes toastSlide {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        /* Responsividade para o toast */
        @media (max-width: 768px) {
            .toast {
                bottom: 20px;
                right: 20px;
                left: 20px;
                text-align: center;
                justify-content: center;
            }
        }

        /* Animação de entrada da página */
        .fade-in {
            opacity: 0;
            transform: translateY(10px);
            animation: smoothFadeIn 0.6s ease forwards;
        }

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

        /* Efeito suave nos cards */
        .skill-card, .service-card {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .skill-card:hover, .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 217, 255, 0.1);
        }

        /* Efeito de brilho mais sutil */
        .skill-card::after, .service-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.05),
                transparent
            );
            transition: 0.5s ease;
        }

        .skill-card:hover::after, .service-card:hover::after {
            left: 100%;
        }

        /* Delays mais suaves para os elementos */
        header { animation-delay: 0.1s; }
        section:nth-child(2) { animation-delay: 0.2s; }
        section:nth-child(3) { animation-delay: 0.3s; }
        section:nth-child(4) { animation-delay: 0.4s; }

        /* Toast mais suave */
        .toast {
            animation: 
                smoothSlideIn 0.5s ease forwards,
                gentleFloat 3s ease-in-out infinite;
        }

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

        @keyframes gentleFloat {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-5px);
            }
        }

        .background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            overflow: hidden;
        }

        .gradient-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                45deg,
                var(--bg) 0%,
                #0d1117 50%,
                var(--bg) 100%
            );
            animation: gradientMove 15s ease infinite;
            background-size: 400% 400%;
        }

        #particles-js {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        @keyframes gradientMove {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        /* Ajuste o container principal para ter um fundo semi-transparente */
        .container {
            /* Remova ou comente estas linhas */
            /*
            background: rgba(10, 12, 16, 0.7);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            */
        }

        /* Ajuste os cards para terem um fundo mais transparente */
        .skill-card,
        .service-card,
        .terms li {
            background: rgba(17, 19, 24, 0.8);
            backdrop-filter: blur(5px);
        }
    </style>
</head>
<body>
    <div class="background">
        <div class="gradient-bg"></div>
        <div id="particles-js"></div>
    </div>

    <div class="toast">
        <i class="fas fa-gift"></i>
        <span>Promoção: 20% de desconto em todos os projetos até o fim do mês! 🔥</span>
    </div>

    <div class="container fade-in">
        <header class="fade-in" style="animation-delay: 0.1s">
            <img src="https://avatars.githubusercontent.com/u/135947706?v=4" alt="yFxZ" class="profile-img">
            
            <div class="profile-info">
                <h1>yFxZ Devs</h1>
                <p class="subtitle">Full Stack Developer & Security Specialist</p>
                <p class="bio">
                    Desenvolvedor especializado em segurança e hacking. Criação de ferramentas avançadas, 
                    sistemas de automação e soluções personalizadas com foco em performance e indetectabilidade.
                </p>
                
                <div class="contact-links">
                    <a href="https://linktr.ee/yfxz" class="contact-btn">
                        <i class="fas fa-paper-plane"></i>
                        Contatos
                    </a>
                </div>
            </div>
        </header>

        <section class="fade-in" style="animation-delay: 0.3s">
            <h2 class="section-title">Tecnologias</h2>
            <div class="skills-grid">
                <div class="skill-card">
                    <i class="fab fa-python"></i>
                    <h3>Python</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-java"></i>
                    <h3>Java</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-android"></i>
                    <h3>Kotlin</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-js"></i>
                    <h3>JavaScript</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-react"></i>
                    <h3>TypeScript</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-php"></i>
                    <h3>PHP</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-moon"></i>
                    <h3>Lua</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-rust"></i>
                    <h3>Rust</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-code"></i>
                    <h3>C/C++</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-windows"></i>
                    <h3>C#</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-html5"></i>
                    <h3>HTML5</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-css3-alt"></i>
                    <h3>CSS3</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-node-js"></i>
                    <h3>Node.js</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-database"></i>
                    <h3>SQL</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-git-alt"></i>
                    <h3>Git</h3>
                </div>
                <div class="skill-card">
                    <i class="fab fa-docker"></i>
                    <h3>Docker</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-terminal"></i>
                    <h3>Shell Script</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-network-wired"></i>
                    <h3>Redes</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-bug"></i>
                    <h3>Pentest</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-user-secret"></i>
                    <h3>Exploit Dev</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-shield-virus"></i>
                    <h3>Malware</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-fingerprint"></i>
                    <h3>Forense</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-key"></i>
                    <h3>Crypto</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-wifi"></i>
                    <h3>Wireless</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-file-code"></i>
                    <h3>CC Checker</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-user-check"></i>
                    <h3>Login Checker</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-credit-card"></i>
                    <h3>Payment Gateway</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-robot"></i>
                    <h3>Automation</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-mask"></i>
                    <h3>Stealth</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-ghost"></i>
                    <h3>Anti-Detection</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-user-ninja"></i>
                    <h3>Bypass</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-spider"></i>
                    <h3>Web Scraping</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-brain"></i>
                    <h3>Reverse Eng</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-virus"></i>
                    <h3>RAT Dev</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-eye-slash"></i>
                    <h3>Crypter</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-shield-virus"></i>
                    <h3>FUD</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-user-shield"></i>
                    <h3>Anti-VM</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-fingerprint"></i>
                    <h3>Anti-Debug</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-terminal"></i>
                    <h3>Rootkit</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-microchip"></i>
                    <h3>Keylogger</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-hand-rock"></i>
                    <h3>Token Grabber</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-cookie"></i>
                    <h3>Cookie Stealer</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-key"></i>
                    <h3>Pass Stealer</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-wallet"></i>
                    <h3>Wallet Drainer</h3>
                </div>
                <div class="skill-card">
                    <i class="fas fa-globe"></i>
                    <h3>Browser Data</h3>
                </div>
            </div>
        </section>

        <section class="fade-in" style="animation-delay: 0.4s">
            <h2 class="section-title">Serviços</h2>
            <div class="services-grid">
                <div class="service-card">
                    <i class="fas fa-mobile-alt"></i>
                    <h3>Apps Android</h3>
                    <p>Desenvolvimento de apps Android nativos com foco em performance. Experiência com apps de automação, bots e ferramentas de segurança.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-desktop"></i>
                    <h3>Software Windows</h3>
                    <p>Criação de programas desktop pra Windows usando C# e C++. Especializado em ferramentas de automação, checkers e sistemas com anti-detecção.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-code"></i>
                    <h3>APIs & Backend</h3>
                    <p>APIs REST com proteção avançada, sistemas de pagamento customizados e integrações com gateways. Foco em segurança e performance.</p>
                </div>
                <div class="service-card">
                    <i class="fab fa-telegram"></i>
                    <h3>Bots Telegram</h3>
                    <p>Bots avançados pra Telegram com funções de checker, gateway de pagamento, sistema de vendas automático e muito mais.</p>
                </div>
                <div class="service-card">
                    <i class="fab fa-discord"></i>
                    <h3>Bots Discord</h3>
                    <p>Bots pro Discord com sistemas de verificação, token grabber, nuker e outras funções especiais. Tudo indetectável e personalizado.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-shield-alt"></i>
                    <h3>Segurança</h3>
                    <p>Implementação de proteções anti-crack, anti-debug, anti-VM. Desenvolvimento de RATs, crypters e sistemas FUD customizados.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-robot"></i>
                    <h3>Automação</h3>
                    <p>Bots e scripts de automação pra qualquer tarefa. Sistemas de web scraping, bypass de captcha e proteções, tudo personalizado.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-file-code"></i>
                    <h3>Checkers & Validators</h3>
                    <p>Desenvolvimento de checkers pra cartão, login e outros serviços. Alta velocidade, proxy support e bypass de proteções.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-user-secret"></i>
                    <h3>Stealer & Grabber</h3>
                    <p>Criação de stealers e grabbers customizados pra tokens, cookies, senhas e dados. Tudo FUD e indetectável pelos AVs.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-credit-card"></i>
                    <h3>Gateways</h3>
                    <p>Desenvolvimento de gateways de pagamento personalizados com suporte a várias APIs e métodos. Sistema completo e seguro.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-ghost"></i>
                    <h3>Anti-Detect & Bypass</h3>
                    <p>Sistemas com proteção contra detecção e análise. Bypass de proteções, captchas e fingerprint com alta taxa de sucesso.</p>
                </div>
                <div class="service-card">
                    <i class="fas fa-virus"></i>
                    <h3>RATs & Trojans</h3>
                    <p>Desenvolvimento de RATs e trojans customizados com painel de controle web. Totalmente FUD e indetectável.</p>
                </div>
            </div>
        </section>

        <section class="fade-in" style="animation-delay: 0.5s">
            <h2 class="section-title">Termos & Condições</h2>
            <div class="terms">
                <ul>
                    <li>
                        <i class="fas fa-eye"></i>
                        <div class="term-content">
                            <h4>Demonstração</h4>
                            <p>Antes da compra, você recebe uma demonstração completa via prints, vídeos ou teste ao vivo para projetos web</p>
                        </div>
                    </li>
                    <li>
                        <i class="fas fa-handshake"></i>
                        <div class="term-content">
                            <h4>Garantia de Pagamento</h4>
                            <p>Para iniciar o desenvolvimento, é necessário um valor de entrada após a demonstração inicial. O valor será abatido do preço final do projeto</p>
                        </div>
                    </li>
                    <li>
                        <i class="fas fa-money-bill-wave"></i>
                        <div class="term-content">
                            <h4>Processo de Pagamento</h4>
                            <p>Pagamento somente após aprovação da demonstração. Entrega imediata após confirmação do pagamento</p>
                        </div>
                    </li>
                    <li>
                        <i class="fas fa-clock"></i>
                        <div class="term-content">
                            <h4>Tipos de Licença</h4>
                            <p>Disponível em planos: semanal, mensal, anual ou aquisição do código fonte completo</p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>

    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <script>
        particlesJS('particles-js', {
            particles: {
                number: { value: 80, density: { enable: true, value_area: 800 } },
                color: { value: '#00c3ff' },
                shape: { type: 'circle' },
                opacity: {
                    value: 0.5,
                    random: true,
                    animation: { enable: true, speed: 1, minimumValue: 0.1, sync: false }
                },
                size: {
                    value: 3,
                    random: true,
                    animation: { enable: true, speed: 2, minimumValue: 0.1, sync: false }
                },
                line_linked: {
                    enable: true,
                    distance: 150,
                    color: '#00c3ff',
                    opacity: 0.2,
                    width: 1
                },
                move: {
                    enable: true,
                    speed: 1,
                    direction: 'none',
                    random: true,
                    straight: false,
                    out_mode: 'out',
                    bounce: false,
                }
            },
            interactivity: {
                detect_on: 'canvas',
                events: {
                    onhover: { enable: true, mode: 'grab' },
                    onclick: { enable: true, mode: 'push' },
                    resize: true
                },
                modes: {
                    grab: { distance: 140, line_linked: { opacity: 0.5 } },
                    push: { particles_nb: 4 }
                }
            },
            retina_detect: true
        });
    </script>
</body>
</html>
