.elementor-6 .elementor-element.elementor-element-ecb5bc5{--display:flex;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-8ff118e *//* استایل‌های اختصاصی با پیشوند hacker- برای جلوگیری از تداخل */
.hacker-hero-section {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: url('https://via.placeholder.com/1920x1080/000000/1C2526?text=Matrix+Code') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, 0.8);
}

.hacker-hero-content {
    max-width: 800px;
    text-align: center;
}

.hacker-hero-title {
    font-family: 'Orbitron', sans-serif;
    font-size: 36px;
    color: #00FF88;
    text-shadow: 0 0 5px #00FF88; /* سایه ملایم‌تر */
    margin-bottom: 20px;
    animation: hacker-neon-flicker 1.5s infinite alternate, hacker-slide-up 1s ease-out forwards;
    opacity: 0; /* برای انیمیشن ورود */
    transform: translateY(50px); /* برای انیمیشن ورود */
}

.hacker-hero-text {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.hacker-typewriter {
    font-family: 'Roboto Mono', monospace;
    font-size: 18px; /* فونت بزرگ‌تر */
    color: #FFFFFF;
    background: rgba(30, 30, 30, 0.7);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #BB86FC;
    width: 100%;
    min-height: 300px; /* ارتفاع ثابت برای کادر */
    overflow: hidden;
    white-space: pre-wrap;
    display: inline-block;
    animation: hacker-glitch 2s infinite, hacker-slide-up 1.2s ease-out forwards;
    opacity: 0; /* برای انیمیشن ورود */
    transform: translateY(50px); /* برای انیمیشن ورود */
}

.hacker-neon-button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 30px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #6200EA;
    border: 2px solid #BB86FC;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px #BB86FC;
    font-family: 'Roboto Mono', monospace;
    animation: hacker-slide-up 1.4s ease-out forwards;
    opacity: 0; /* برای انیمیشن ورود */
    transform: translateY(50px); /* برای انیمیشن ورود */
}

.hacker-neon-button:hover {
    background-color: #00FF88;
    color: #000000;
    box-shadow: 0 0 20px #00FF88;
}

.hacker-skills-section {
    padding: 50px 20px;
    background: #1C2526;
}

.hacker-skills-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: center;
}

.hacker-skill-box {
    background: rgba(30, 30, 30, 0.9);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #00FF88;
    transition: transform 0.3s ease;
}

.hacker-skill-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 15px #00FF88;
}

.hacker-skill-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
    background: url('https://via.placeholder.com/60x60/00FF88/000000?text=Icon') no-repeat center;
    background-size: contain;
}

.hacker-skill-box h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 20px;
    color: #BB86FC;
    margin-bottom: 10px;
}

.hacker-skill-box p {
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    color: #E0E0E0;
}

@keyframes hacker-neon-flicker {
    0%, 100% { text-shadow: 0 0 5px #00FF88; }
    50% { text-shadow: 0 0 3px #00FF88; }
}

@keyframes hacker-glitch {
    0% {
        text-shadow: 0 0 1px #00FF88;
    }
    2% {
        text-shadow: 0 0 3px #00FF88;
    }
    4% {
        text-shadow: 0 0 3px #00FF88;
    }
    6% {
        text-shadow: 0 0 1px #00FF88;
    }
    100% {
        text-shadow: 0 0 1px #00FF88;
    }
}

@keyframes hacker-slide-up {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* پاسخ‌گویی به موبایل */
@media (max-width: 768px) {
    .hacker-hero-title {
        font-size: 28px;
    }
    .hacker-typewriter {
        font-size: 16px; /* فونت بزرگ‌تر برای موبایل */
        min-height: 400px; /* ارتفاع بیشتر برای موبایل */
    }
    .hacker-neon-button {
        font-size: 16px;
        padding: 8px 20px;
    }
    .hacker-hero-content {
        max-width: 90%;
    }
}/* End custom CSS */