<!--            /$$                       /$$                                                   /$$                   /$$     /$$       /$$          
          | $$                      | $$                                                  | $$                  | $$    | $$      |__/          
  /$$$$$$ | $$  /$$$$$$   /$$$$$$$ /$$$$$$    /$$$$$$        /$$$$$$/$$$$   /$$$$$$   /$$$$$$$  /$$$$$$        /$$$$$$  | $$$$$$$  /$$  /$$$$$$$
 |____  $$| $$ /$$__  $$ /$$_____/|_  $$_/   |____  $$      | $$_  $$_  $$ |____  $$ /$$__  $$ /$$__  $$      |_  $$_/  | $$__  $$| $$ /$$_____/
  /$$$$$$$| $$| $$$$$$$$|  $$$$$$   | $$      /$$$$$$$      | $$ \ $$ \ $$  /$$$$$$$| $$  | $$| $$$$$$$$        | $$    | $$  \ $$| $$|  $$$$$$ 
 /$$__  $$| $$| $$_____/ \____  $$  | $$ /$$ /$$__  $$      | $$ | $$ | $$ /$$__  $$| $$  | $$| $$_____/        | $$ /$$| $$  | $$| $$ \____  $$
|  $$$$$$$| $$|  $$$$$$$ /$$$$$$$/  |  $$$$/|  $$$$$$$      | $$ | $$ | $$|  $$$$$$$|  $$$$$$$|  $$$$$$$        |  $$$$/| $$  | $$| $$ /$$$$$$$/
 \_______/|__/ \_______/|_______/    \___/   \_______/      |__/ |__/ |__/ \_______/ \_______/ \_______/         \___/  |__/  |__/|__/|_______/ 
                                                                                                                                                
                                                                                                                                                
                                                                                                                                                 -->
<!--                                                                                                                                                                                                      
                                                                                                                                                                                                     
                                                     ++++  +                            +++   +                  ++  +      +                                                                        
        +++++++++++++++++++                       ++++++++++++++                    ++++++++++++++             +++++++++++++++          +++++++++++++++                                              
      +++++++++++++++++++++++                   +++++++++++++++++++                ++++++++++++++++++          +++++++++++++++          +++++++++++++++                                              
       ++++++++++++++++++++++++++             ++++++++++++++++++++++            +++++++++++++++++++++++        ++++++++++++++++         +++++++++++++++                                              
      ++++++++++++++++++++++++++++          +++++++++++++++++++++++++          ++++++++++++++++++++++++        ++++++++++++++++        +++++++++++++++++                                             
       ++++++++++++++++++++++++++++        +++++++++++++++++++++++++++        ++++++++++++++++++++++++++       ++++++++++++++++        ++++++++++++++++                                              
       ++++++++++++++++++++++++++++        +++++++++++++++++++++++++++       ++++++++++++++++++++++++++++      ++++++++++++++++        +++++++++++++++++                                             
       +++++++++++++++++++++++++++++      ++++++++++++++   ++++++++++++      ++++++++++++++   +++++++++++      ++++++++++++++++        +++++++++++++++++                                             
       ++++++++++++++ ++ ++++++++++++     ++++++++++++++    +++++++++++      ++++++++++++++   +++++++++++      +++++++++++++++++       ++++++++++++++++                                              
        +++++++++++++     +++++++++++     ++++++++++++++    ++++++++++++     ++++++++++++++   ++++++++++++     ++++++++++++++++++                                                                    
       ++++++++++++++     ++++++++++++   ++++++++++++ ++     +++++++++++    +++++++++++ ++     +++++++++++     ++++++++++++++++++     +++   +++++   ++++                                             
       ++++++++++++++     ++++++++++++   ++++++++++++        +++++++++++    ++++++++++++        +++++++++++    +++++++++++++++++     ++++  ++++++++++++++++   ++++++++++  +++                        
       +++++++++++++++     ++++++++++++   ++++++++++++       +++++++++++    +++++++++++++       +              ++++++++++++++++++    ++++  ++++++++++++++++++++++++++++++++++++++++     ++           
       +++++++++++++++     ++++++++++++  ++++++++++++        ++++++++++++  ++++++++++++                        ++++++++++++++++++    ++++  ++++++++++++++++++++++++++++++++++++++++  ++++++++++++    
       +++++++++++ ++      ++++++++++++  ++++++++++++        +++++++++++   ++++++++++++              ++   +    ++++++++++++++++++   ++++  +++++++++++++++++++++++++++++++++++++++++++++++++++++++    
       +++++++++++         ++++++++++++ +++++++++++++        ++++++        ++++++++++++         +++++++++++    ++++++++  +++++++++  +++++  +++++++++++++++++++++++++++++++++++++++++++++++++++++++   
       +++++++++++         ++++++++++++ +++++++++++++                     +++++++++++++         +++++++++++    +++++++++ +++++++++ +++++   +++++++++++++++++++++++++++++++++++++++++++++++++++++++   
       +++++++++++         +++++++++++++++++                           ++  ++++++++++++         +++++++++++    +++++++++  +++++++  +++++  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++   
       +++++++++++         ++++++++++++                      +++++++++++++ ++++++++++++         ++++++++++++   ++++++++++ ++++++++++++++  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++   
      ++++++++++++         +++++++++++         +++++++       +++++++++++++ +++++++++            ++++++++++++  +++++++ ++  ++  ++++++++++  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
       +++++++++++         +++++++++++    +++++++++++        +++++++++++++          +++         ++++++++++++  ++++        ++++++++++++++  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  
       +++++++++++         +++++++++++   +++++++++++         +++++++++++++  +++++++++++         ++++++++++++   ++ ++++++   ++++++++++++++     ++++++++++++++++++++++++++++++++++++++++++++++++++++   
       ++++     ++         +++++++++++    ++++++++++         +++++++++++    +++++++++++         +++++++++++    +++++++++   ++++++++++++++       +     +++++     ++++++++++++++++++++++++++++++++++   
       +++++++++++        ++++++++++++    ++                 +++++++++++    ++++                +++++++++++    +++++++++    +++++++++++++   +++   +   ++++             +++++++++++++++++++++++++++   
       +++++++++++        ++++++++++++    ++++++++++++       +++++++++++        ++++++++       ++++++++++++   ++++++++++   +++++++++++++++   ++++++  +++++             +++++++++++++++++++++++++++   
        ++++++++++        +++++++++++     +++++++++++       ++++++++++++     ++++++++++        ++++++++++++   ++++++++++    +++++++++++++    ++++++  +++++            +++++++++++++++++++++++++++    
       ++++++++++++      ++++++++++++     +++++++++++       ++++++++++++    +++++++++++++      +++++++++++     +++++++++     +++++++++++    +++++++  +++++           ++++++++++++++++++++++++++      
       +++++++++++      ++++++++++++       +++++++++++++  +++++++++++++       ++++++++++++   ++++++++++++      +++++++++    +++++++++++++    ++++++  +++++          ++++++++++++++++++++++++++       
       +++++++++++++++++++++++++++++        +++++++++++++ ++++++++++++        +++++++++++++++++++++++++++      +++++++++    +++++++++++     +++++++  ++++           ++++++++++++++++++++++++++       
       +++++++++++++++++++++++++++++        +++++++++++++++++++++++++          ++++++++++++++++++++++++       ++++++++++     ++++++++++     +++++++                 +++++++++++++++++++++++++        
      ++++++++++++++++++++++++++++++         ++++++++++++++++++++++++           +++++++++++++++++++++++       ++++++++++     ++++++++++      ++++++++++           +++++++++++++++++++++++++++        
       +++++++++++++++++++++++++  ++          ++++++++++++++++++++++            ++++++++++++++++++++++         +++++++++      +++++++++     ++++++++++++         ++++++++++++++++++++++++++++        
       +++++++++++++++++++++++                 +++++++++++++++++++++              ++++++++++++++++++++         +++++++++      +++++++++     +++++++++++          ++++++++++++++++++++++++++++        
       +++++++++++++++++++++++                   +++++++++++++++++++                ++++++++++++++++++          ++++++++      ++++++++       ++++++++++         +++++++++++++++++++++++ +++++        
         ++++     ++++                                 +++++    ++++                     ++++++    +++          +++ +++       ++++++++          +++++         +++++++++++++++++++++++++ ++++         
          +++      +++                                 ++++                               +++                       +++       +++++ +             +++        +++++++++++++++++++++++++  ++++         
                   +++                                +++++                              ++++                       +++        ++++               +++     +++++++++++++++++++++++++++    +++         
                   +++                                 ++++                               +++                                  +++                        +++++++++++++++++++++++++                  
                    +                                   ++                                ++                                   +++                        +++++++++++++++++++++++++                  
                                                                                                                                +                        +++++++++++++++++++++++++                   
           ++++++  ++++++++++++++++++++                                     +++++++++++++++             +        ++++                        ++++  ++   +++++++++++++++++++++++++                    
        +++++++++++++++++++++++++++++++++                                 +++++++++++++++++++         ++++++++++++++++++               +++++++++++++  ++++++++++++++++++++++++++                     
        +++++++++++++++++++++++++++++++++++                              ++++++++++++++++++++         +++++++++++++++++++              +++++++++++++  ++++++++++++++++++++++++                       
         ++++++++++++++++++++++++++++++++++++++                          ++++++++++++++++++++          ++++++++++++++++++             ++++++++++++    ++++++++++++++++++++++                         
        +++++++++++++++++++++++++++++++++++++++++                       +++++++++++++++++++++           +++++++++++++++++             ++++++++++   +++++++++++++++++++++++++                         
        ++++++++++++++++++++++++++++++++++++++++++                       ++++++++++++++++++++           +++++++++++++++++             +++++++++   ++++++++++++++++++++++++++                         
        +++++++++++++++++++++++++++++++++++++++++++                      ++++++++++++++++++++           ++++++++++++++++++            +++++++++  +++++++++++++++++++++++++++                         
         +++++++++++++++++++++++++++++++++++++++++++                    ++++++++++++++++++++++           ++++++++++++++++++          +++++++++  +++++++++++++++++++++++++++                          
         +++++++++++++++++++++++++++++++++++++++++++                   +++++++++++++++++++++++            +++++++++++++++++         +++++++++   +++++++++++++++++++++++++                            
         ++++++++++++++++++++++++++++++++++++++++++++                  +++++++++++++++++++++++           ++++++++++++++++++         +++++++++  ++++++++++++++++++++++++                              
         +++++++++++++++++++++ +++++++++++++++++++++++                  ++++++++++++++++++++++           +++++++++++++++++++       +++++++++   +++++++++++++++++++++++                               
         +++++++++++++++++++++  ++  ++++++++++++++++++                 ++++++++++++++++++++++++           +++++++++++++++++++     +++++++++   +++++++++++++++++++++++                                
          ++++++++++++++++++++        +++++++++++++++++               ++++++++++     +++++++++++           ++++++++++++++++++     +++++++   +++++++++++++++++++++++++                                
          ++++++++++++++++++++        ++++++++++++++++++              +++++++           +++++++++          ++++++++++++++++++     ++++++  +++++++++++++++++++++++++++                                
         +++++++++++++++++++++         +++++++++++++++++              +++++++            ++++++++           +++++++++++++++++    ++++++   +++++++++++++++++++++++++                                  
         ++++++++++++++++ ++++         ++++++++++++++++++           +++++++++             +++++++             +++++++++++++++     +++++   +++++++++++++++++++++++++                                  
         ++++++++++++++++ ++++         ++++++++++++++++++           ++++++++               ++++++             +++++++++++++++    ++++    +++++++++++++++++++++++++                                   
         ++++++++++++++++ ++++         ++++++++++++++++++           ++++++++               +++++++            +++++++++++++++++ ++++   ++++++++++++++++++++++++++                                    
         ++++++++++++++++ ++++          ++++++++++++++++++          +++++++++               +++++++           +++++++++++++++++ +++   +++++++++++++++++++++++++                                      
        +++++++++++++++++ +++++         ++++++++++++++++++         +++++++++                 ++++++           +++++++++++++++++ +++  ++++++++++++++++++++++++                                        
        +++++++++++++++++  +++          +++++++++++++++++          ++++++++                  ++++++           +++++++++++++++++     ++++++++++++++++++++++++                                         
        +++++++++++++++++              ++++++++++++++++++          ++++++++                  ++++++           +++++++++++++++++  ++++++++++++++++++++++++++                                          
         +++++++++++++++++              ++++++++++++++++++        +++++++                     +++++           ++++++++++++++++  ++++++++++++++++++++++++++                                           
         +++++++++++++++++               +++++++++++++++++        ++++++                       +++++          ++++ +++++++++++  ++++++++++++++++++++++++                                             
         +++++++++++++++++              +++++++++++++++++++      ++++++    ++              +    +++++         ++++ ++++++++++   +++++++++++++++++++++++                                              
         +++++++++++++++++              +++++++++++++++++++      +++++    ++++             ++   +++++         ++++ ++++++++++  ++++++++++++++++++++++++                                              
         ++++++++++++++++               +++++++++++++++++++     +++++   +++++++           ++++   ++++           +   +++++++   ++++++++++++++++++++++++++++++++++++++                                 
        ++++++++++++++++++              ++++++++++++++++++      +++   ++++++++            +++++   +++              ++++++++  +++++++++++++++++++++++++++++++++++++++++++++++++++                     
        ++++++++++++++++++              +++++++++++++++++       ++   ++++++++             +++++++  +++             ++++++++  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++              
        ++++++++++++++++++              +++++++++++++++++       ++  +++++++                +++++++  +++             +++++++  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++             
         ++++++++++++++++               +++++++++++++++++      ++   +++++++                 +++++++ +++             +++++++  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++             
          +++++++++++++++               +++++++++++++++++     ++    +++++++                 +++++++  ++             +++++++  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++            
         +++++++++++++++++              +++++++++++++++++     ++    +++++++                 +++++++   +              ++++++  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++            
        ++++++++++++++++++              +++++++++++++++++         +++++++++                 +++++++   +              ++++++  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++            
         ++++++++++++++++              ++++++++++++++++++      ++ ++++++++                   +++++++  +++            ++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++            
         +++++++++++++++++             +++++++++++++++++      ++++++++++++                   ++++++ +++++            ++++++ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++            
         +++++++++++++++++             ++++++++++++++++++     +++++++++++++                ++++++++++++++            ++++++   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++             
         ++++++++++++++++             ++++++++++++++++++      ++++++++++++++ +             +++++++++++++             +++++++      ++++++++++++++++++++++++++++++++++++++++++++++++++++++             
          ++++++++++++++++           ++++++++++++++++++      +++++++++++++++++      +      +++++++++++++             ++++++++++++     +++++++++         ++++++++++++++++++++++++++++++++             
         ++++++++++++++++++         +++++++++++++++++++      +++++++++++++++++    + +      ++++++++++++++            ++++++++++++++   +++++               +++             ++++++++++++++             
         +++++++++++++++++          ++++++++++++++++++      ++++++++++++++++++   ++ +  +    +++++++++++++           +++++++++++++++   ++++                                +++++     +++              
         +++++++++++++++++         +++++++++++++++++++       ++++++++++++++      ++++       +++++++++++++           +++++++++++++++  +++++                                +++++                      
         +++++++++++++++++++++  ++++++++++++++++++++++      +++++++++++++++      ++        +++++++++++++++           ++++++++++++++  +++++                                +++++                      
        ++++++++++++++++++++++++++++++++++++++++++++++     +++++++++++++++       ++        ++++++++++++++++          ++++++++++++++  +++++                                ++++                       
         +++++++++++++++++++++++++++++++++++++++++++++    +++++++++++++++        ++        ++++++++++++++++          ++++++++++++++  ++++                                 +++                        
        ++++++++++++++++++++++++++++++++++++++++++++++    +++++++++++++++                  ++++++++++++++++          ++++++++++++++  ++++                                                            
        +++++++++++++++++++++++++++++++++++++++++ ++++    ++++++++++++++++                 ++++++++++++++++         ++++++++++++++++                                                                 
         +++++++++++++++++++++++++++++++++++++++  ++++    ++++++++++++++++                 ++++++++++++++++         ++++++++++++++++                                                                 
         +++++++++++++++++++++++++++++++++++++     ++     +++++++++++++++                   ++++++++++++++++        +++++++++++++++++                                                                
         +++++++++++++++++++++++++++++++++++             ++++++++++++++++                   ++++++++++++++++        +++++++++++++++++                                                                
         ++++++++++++++++++++++++++++++++++             +++++++++++++++++                    ++++++++++++++++       +++++++++++++++++                                                                
            ++++++++++++++++++++  ++    +++              ++++++++++++++++                    ++++++++++++++++         +++ +++++++++++                                                                
            ++++++         +++++                             +++++++++++                    ++++++  +++++++           +++     +++                                                                    
             +++++         +++++                              ++++++                        +++++     +++             +++      ++                                                                    
             ++++          +++++                              +++++                         +++++     +++             +++                                                                            
                           +++++                               ++++                          ++++     ++              +++                                                                            
                           +++++                                ++                          +++++                     +++                                                                            
                            ++++                                                             ++++                     +++                                                                            
                                                                                             ++++                                                                                                    
                                                                                                                                                                                                     
                                                                                                                                                                                                     
                                                                                                                                                                                                      -->
<!DOCTYPE html>
<html lang="tr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DoomDayZ</title>
    <link rel="icon" type="image/png" href="assets/img/favicon.png">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css?v=2">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        .ddz-hero-canvas {
            position: fixed;
            inset: 0;
            z-index: 0;
            pointer-events: none;
        }

        .ddz-hero-glow-1 {
            position: absolute;
            width: 700px;
            height: 700px;
            top: -250px;
            left: -150px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(215, 38, 61, 0.07) 0%, transparent 70%);
            animation: ddz-glowDrift1 20s ease-in-out infinite alternate;
        }

        .ddz-hero-glow-2 {
            position: absolute;
            width: 550px;
            height: 550px;
            bottom: -200px;
            right: -100px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(215, 38, 61, 0.05) 0%, transparent 70%);
            animation: ddz-glowDrift2 24s ease-in-out infinite alternate;
        }

        .ddz-hero-glow-3 {
            position: absolute;
            width: 400px;
            height: 400px;
            top: 40%;
            left: 55%;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255, 123, 0, 0.03) 0%, transparent 70%);
            animation: ddz-glowDrift1 16s ease-in-out infinite alternate-reverse;
        }

        @keyframes ddz-glowDrift1 {
            0% {
                transform: translate(0, 0) scale(1);
            }

            100% {
                transform: translate(90px, 70px) scale(1.25);
            }
        }

        @keyframes ddz-glowDrift2 {
            0% {
                transform: translate(0, 0) scale(1);
            }

            100% {
                transform: translate(-70px, -50px) scale(1.18);
            }
        }

        .ddz-hero-grid {
            position: absolute;
            inset: -20%;
            width: 140%;
            height: 140%;
            background-image:
                linear-gradient(rgba(215, 38, 61, 0.02) 1px, transparent 1px),
                linear-gradient(90deg, rgba(215, 38, 61, 0.02) 1px, transparent 1px);
            background-size: 80px 80px;
        }

        .ddz-hero-scanlines {
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(to bottom, transparent 0, transparent 2px,
                    rgba(0, 0, 0, 0.03) 2px, rgba(0, 0, 0, 0.03) 4px);
            pointer-events: none;
        }

        .ddz-hero-noise {
            position: absolute;
            inset: 0;
            opacity: 0.022;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
            background-size: 256px;
        }


        .ddz-hero-ember {
            position: absolute;
            width: 3px;
            height: 3px;
            background: #d7263d;
            border-radius: 50%;
            opacity: 0;
            animation: ddz-emberRise linear infinite;
        }

        .ddz-hero-ember:nth-child(1) {
            left: 10%;
            animation-duration: 7s;
            animation-delay: 0s
        }

        .ddz-hero-ember:nth-child(2) {
            left: 22%;
            animation-duration: 9s;
            animation-delay: 1.5s;
            width: 2px;
            height: 2px
        }

        .ddz-hero-ember:nth-child(3) {
            left: 40%;
            animation-duration: 6.5s;
            animation-delay: 3s
        }

        .ddz-hero-ember:nth-child(4) {
            left: 58%;
            animation-duration: 10s;
            animation-delay: 0.8s;
            width: 4px;
            height: 4px
        }

        .ddz-hero-ember:nth-child(5) {
            left: 72%;
            animation-duration: 8s;
            animation-delay: 4s
        }

        .ddz-hero-ember:nth-child(6) {
            left: 85%;
            animation-duration: 7.5s;
            animation-delay: 2s;
            width: 2px;
            height: 2px
        }

        .ddz-hero-ember:nth-child(7) {
            left: 33%;
            animation-duration: 11s;
            animation-delay: 5s
        }

        .ddz-hero-ember:nth-child(8) {
            left: 50%;
            animation-duration: 8.5s;
            animation-delay: 0.5s;
            width: 2px;
            height: 2px
        }

        .ddz-hero-ember:nth-child(9) {
            left: 65%;
            animation-duration: 9.5s;
            animation-delay: 2.8s
        }

        .ddz-hero-ember:nth-child(10) {
            left: 90%;
            animation-duration: 7s;
            animation-delay: 3.5s;
            width: 2px;
            height: 2px
        }

        @keyframes ddz-emberRise {
            0% {
                bottom: -10px;
                opacity: 0;
            }

            10% {
                opacity: 0.7;
            }

            60% {
                opacity: 0.4;
            }

            100% {
                bottom: 110%;
                opacity: 0;
                transform: translateX(20px);
            }
        }


        .ddz-hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 120px 5% 60px;
            z-index: 1;
            overflow: hidden;
        }

        .ddz-hero-map {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) rotate(8deg);
            width: 65%;
            max-width: 1000px;
            opacity: 0.08;
            mix-blend-mode: lighten;
            filter: grayscale(0.3) brightness(1.2);
            pointer-events: none;
            z-index: 0;
            mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 25%, transparent 70%);
            -webkit-mask-image: radial-gradient(ellipse 75% 75% at 50% 50%, black 25%, transparent 70%);
            user-select: none;
        }

        .ddz-hero-inner {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            width: 100%;
            max-width: 1400px;
            margin: 0 auto;
        }


        .ddz-hero-left {
            display: flex;
            flex-direction: column;
            gap: 0;
        }

        .ddz-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            width: fit-content;
            padding: 7px 16px 7px 12px;
            border-radius: 6px;
            background: rgba(215, 38, 61, 0.08);
            border: 1px solid rgba(215, 38, 61, 0.25);
            color: #d7263d;
            font-family: 'Outfit', sans-serif;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 1.8px;
            text-transform: uppercase;
            margin-bottom: 28px;
            animation: ddz-badgePulse 3s ease-in-out infinite;
        }

        .ddz-hero-badge .ddz-badge-dot {
            width: 7px;
            height: 7px;
            background: #d7263d;
            border-radius: 50%;
            box-shadow: 0 0 8px rgba(215, 38, 61, 0.6);
            animation: ddz-dotPulse 2s ease-in-out infinite;
        }

        @keyframes ddz-dotPulse {

            0%,
            100% {
                box-shadow: 0 0 6px rgba(215, 38, 61, 0.5);
            }

            50% {
                box-shadow: 0 0 14px rgba(215, 38, 61, 0.9);
            }
        }

        @keyframes ddz-badgePulse {

            0%,
            100% {
                border-color: rgba(215, 38, 61, 0.25);
            }

            50% {
                border-color: rgba(215, 38, 61, 0.45);
            }
        }

        .ddz-hero-title {
            font-family: 'Bebas Neue', Impact, sans-serif;
            font-size: clamp(3.5rem, 7vw, 6rem);
            line-height: 0.95;
            letter-spacing: 3px;
            margin-bottom: 8px;
            color: #fff;
        }

        .ddz-hero-title .ddz-title-main {
            display: block;
            background: linear-gradient(180deg, #ffffff 20%, rgba(200, 210, 225, 0.8) 100%);
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.5));
        }

        .ddz-hero-title .ddz-title-sub {
            display: block;
            font-size: 0.55em;
            letter-spacing: 6px;
            color: rgba(200, 210, 225, 0.6);
            -webkit-text-fill-color: rgba(200, 210, 225, 0.6);
        }

        .ddz-hero-title .ddz-title-accent {
            color: #d7263d;
            -webkit-text-fill-color: #d7263d;
            text-shadow: 0 0 30px rgba(215, 38, 61, 0.3);
        }

        .ddz-hero-divider {
            width: 80px;
            height: 3px;
            margin: 20px 0 24px;
            border-radius: 99px;
            background: linear-gradient(90deg, #d7263d, rgba(215, 38, 61, 0.1));
            box-shadow: 0 0 12px rgba(215, 38, 61, 0.2);
        }

        .ddz-hero-desc {
            font-family: 'Outfit', sans-serif;
            font-size: 1.05rem;
            color: rgba(160, 175, 195, 0.85);
            line-height: 1.75;
            max-width: 480px;
            margin-bottom: 36px;
        }

        .ddz-hero-actions {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }

        .ddz-hero-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 28px;
            border-radius: 10px;
            font-family: 'Outfit', sans-serif;
            font-size: 0.88rem;
            font-weight: 700;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
        }

        .ddz-hero-btn-primary {
            background: linear-gradient(135deg, #d7263d 0%, #a01c2e 100%);
            color: #fff;
            box-shadow: 0 4px 20px rgba(215, 38, 61, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
        }

        .ddz-hero-btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 32px rgba(215, 38, 61, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15);
            background: linear-gradient(135deg, #e83050 0%, #d7263d 100%);
        }

        .ddz-hero-btn-secondary {
            background: rgba(255, 255, 255, 0.04);
            color: rgba(200, 210, 225, 0.9);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .ddz-hero-btn-secondary:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(215, 38, 61, 0.4);
            color: #fff;
            transform: translateY(-2px);
        }

        .ddz-hero-stats {
            display: flex;
            gap: 32px;
            margin-top: 40px;
            padding-top: 28px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .ddz-hero-stat {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .ddz-hero-stat-value {
            font-family: 'Bebas Neue', Impact, sans-serif;
            font-size: 1.8rem;
            color: #fff;
            letter-spacing: 1px;
            line-height: 1;
        }

        .ddz-hero-stat-label {
            font-family: 'Outfit', sans-serif;
            font-size: 0.72rem;
            color: rgba(138, 155, 176, 0.7);
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-weight: 600;
        }


        .ddz-hero-right {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            perspective: 1200px;
        }

        .ddz-yt-card {
            position: relative;
            width: 100%;
            max-width: 520px;
            border-radius: 20px;
            background: rgba(8, 14, 24, 0.85);
            border: 1px solid rgba(215, 38, 61, 0.15);
            overflow: hidden;
            backdrop-filter: blur(16px);
            box-shadow:
                0 30px 60px rgba(0, 0, 0, 0.55),
                0 0 0 1px rgba(255, 255, 255, 0.03) inset,
                0 0 80px rgba(215, 38, 61, 0.06),
                -8px 20px 40px rgba(0, 0, 0, 0.3);

            transform: rotateY(-8deg) rotateX(4deg) scale(1);
            transform-style: preserve-3d;
            transition: transform 0.15s ease-out, box-shadow 0.4s ease;
            will-change: transform;
        }

        .ddz-yt-card:hover {
            box-shadow:
                0 40px 80px rgba(0, 0, 0, 0.6),
                0 0 0 1px rgba(255, 255, 255, 0.05) inset,
                0 0 100px rgba(215, 38, 61, 0.1),
                -12px 24px 50px rgba(0, 0, 0, 0.35);
        }


        .ddz-yt-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(115deg,
                    rgba(255, 255, 255, 0.06) 0%,
                    transparent 40%,
                    transparent 60%,
                    rgba(255, 255, 255, 0.02) 100%);
            pointer-events: none;
            z-index: 10;
            border-radius: 20px;
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .ddz-yt-card:hover::before {
            opacity: 1;
        }

        .ddz-yt-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .ddz-yt-header-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .ddz-yt-logo {
            width: 32px;
            height: 32px;
            border-radius: 8px;
            background: rgba(215, 38, 61, 0.12);
            border: 1px solid rgba(215, 38, 61, 0.25);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .ddz-yt-logo img {
            width: 20px;
            height: 20px;
            object-fit: contain;
            border-radius: 4px;
        }

        .ddz-yt-logo i {
            color: #d7263d;
            font-size: 0.9rem;
        }

        .ddz-yt-video-title {
            font-family: 'Outfit', sans-serif;
            font-size: 0.88rem;
            font-weight: 600;
            color: rgba(220, 225, 235, 0.95);
            letter-spacing: 0.3px;
        }

        .ddz-yt-badge {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 5px 12px;
            border-radius: 6px;
            background: rgba(215, 38, 61, 0.1);
            border: 1px solid rgba(215, 38, 61, 0.25);
            font-family: 'Outfit', sans-serif;
            font-size: 0.7rem;
            font-weight: 700;
            color: #d7263d;
            letter-spacing: 1.2px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .ddz-yt-badge-dot {
            width: 6px;
            height: 6px;
            background: #d7263d;
            border-radius: 50%;
            box-shadow: 0 0 6px rgba(215, 38, 61, 0.7);
            animation: ddz-dotPulse 2s ease-in-out infinite;
        }

        .ddz-yt-video-wrap {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 9;
            background: #000;
            cursor: pointer;
            overflow: hidden;
        }

        .ddz-yt-video-wrap iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        .ddz-yt-thumbnail {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .ddz-yt-card:hover .ddz-yt-thumbnail {
            transform: scale(1.03);
        }

        .ddz-yt-play-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.35);
            z-index: 2;
            transition: background 0.3s ease;
        }

        .ddz-yt-card:hover .ddz-yt-play-overlay {
            background: rgba(0, 0, 0, 0.2);
        }

        .ddz-yt-play-btn {
            width: 68px;
            height: 48px;
            background: #ff0000;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 24px rgba(255, 0, 0, 0.3);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .ddz-yt-card:hover .ddz-yt-play-btn {
            transform: scale(1.08);
            box-shadow: 0 6px 32px rgba(255, 0, 0, 0.45);
        }

        .ddz-yt-play-btn i {
            color: #fff;
            font-size: 1.3rem;
            margin-left: 3px;
        }

        .ddz-yt-footer {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 14px 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .ddz-yt-footer-text {
            font-family: 'Outfit', sans-serif;
            font-size: 0.8rem;
            color: rgba(138, 155, 176, 0.7);
            font-weight: 500;
        }

        .ddz-yt-footer-brand {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-family: 'Outfit', sans-serif;
            font-size: 0.82rem;
            font-weight: 700;
            color: rgba(220, 225, 235, 0.9);
        }

        .ddz-yt-footer-brand i {
            color: #ff0000;
            font-size: 1rem;
        }

        .ddz-hero-left>* {
            opacity: 0;
            transform: translateY(18px);
            transition: opacity 600ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 600ms cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        body.ddz-anim-ready .ddz-hero-left>*:nth-child(1) {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 100ms;
        }

        body.ddz-anim-ready .ddz-hero-left>*:nth-child(2) {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 200ms;
        }

        body.ddz-anim-ready .ddz-hero-left>*:nth-child(3) {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 300ms;
        }

        body.ddz-anim-ready .ddz-hero-left>*:nth-child(4) {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 400ms;
        }

        body.ddz-anim-ready .ddz-hero-left>*:nth-child(5) {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 500ms;
        }

        body.ddz-anim-ready .ddz-hero-left>*:nth-child(6) {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 600ms;
        }

        .ddz-yt-card {
            opacity: 0;
            transform: rotateY(-8deg) rotateX(4deg) translateY(30px) scale(0.95);
            transition: opacity 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 350ms,
                transform 0.15s ease-out,
                box-shadow 0.4s ease;
        }

        body.ddz-anim-ready .ddz-yt-card {
            opacity: 1;
            transform: rotateY(-8deg) rotateX(4deg) scale(1);
            transition: opacity 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 350ms,
                transform 0.15s ease-out,
                box-shadow 0.4s ease;
        }


        @media (max-width: 1024px) {
            .ddz-hero-inner {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }

            .ddz-hero-left {
                align-items: center;
            }

            .ddz-hero-badge {
                margin-left: auto;
                margin-right: auto;
            }

            .ddz-hero-divider {
                margin-left: auto;
                margin-right: auto;
            }

            .ddz-hero-desc {
                margin-left: auto;
                margin-right: auto;
            }

            .ddz-hero-actions {
                justify-content: center;
            }

            .ddz-hero-stats {
                justify-content: center;
            }

            .ddz-hero-right {
                justify-content: center;
                order: -1;
            }

            .ddz-hero-map {
                width: 100%;
                opacity: 0.06;
            }

            .ddz-yt-card {
                max-width: 480px;
            }
        }

        @media (max-width: 640px) {
            .ddz-hero {
                padding: 100px 4% 40px;
            }

            .ddz-hero-title {
                font-size: clamp(2.8rem, 12vw, 4rem);
            }

            .ddz-hero-stats {
                gap: 20px;
                flex-wrap: wrap;
            }

            .ddz-hero-actions {
                flex-direction: column;
                width: 100%;
            }

            .ddz-hero-btn {
                width: 100%;
                justify-content: center;
            }

            .ddz-hero-map {
                width: 140%;
                opacity: 0.04;
                transform: translate(-50%, -50%) rotate(6deg);
            }

            .ddz-yt-card {
                max-width: 100%;
            }
        }
    </style>
</head>

<body>

    <div class="ddz-hero-canvas">
        <div class="ddz-hero-glow-1"></div>
        <div class="ddz-hero-glow-2"></div>
        <div class="ddz-hero-glow-3"></div>
        <div class="ddz-hero-grid"></div>
        <div class="ddz-hero-scanlines"></div>
        <div class="ddz-hero-noise"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
        <div class="ddz-hero-ember"></div>
    </div>


    <div class="bg-effects">
        <div class="node-network" id="particles-js"></div>
    </div>


<nav class="navbar sticky">
    <div class="nav-left">
        <a href="index.php" class="logo">
            <img src="assets/img/Logo_PNG.webp" alt="DoomDayZ Logo" class="logo-img">
        </a>
    </div>
    
    <button class="nav-hamburger" id="navHamburger" aria-label="Menüyü aç" aria-expanded="false">
        <span class="hamburger-line"></span>
        <span class="hamburger-line"></span>
        <span class="hamburger-line"></span>
    </button>

    <div class="nav-center" id="navCenter">
        <a href="index.php" class="active">Anasayfa</a>
                <a href="basvuru.php" class="">Başvurular</a>
        <a href="birlikler.php" class="">Birlikler</a>
        <a href="kurallar.php" class="">Kurallar</a>
        <a href="sss.php" class="">SSS</a>
        
        <a href="hikaye.php" class="">Hikaye</a>
        <a href="wiki.php" class="">Wiki</a>
            </div>

    <div class="nav-right">
                    <a href="auth/discord_login.php" class="discord-login-btn">
                <span class="discord-login-glow"></span>
                <span class="discord-login-content">
                    <i class="fa-brands fa-discord"></i>
                    <span>Giriş Yap</span>
                </span>
            </a>
            </div>
</nav>

<nav class="mobile-bottom-nav" id="mobileBottomNav">
    <a href="index.php" class="bottom-nav-item active">
        <i class="fa-solid fa-house"></i>
        <span>Ana Sayfa</span>
    </a>
    <a href="basvuru.php" class="bottom-nav-item">
        <i class="fa-solid fa-file-pen"></i>
        <span>Başvuru</span>
    </a>
    
    <a href="birlikler.php" class="bottom-nav-item">
        <i class="fa-solid fa-shield-halved"></i>
        <span>Birlikler</span>
    </a>
            <a href="auth/discord_login.php" class="bottom-nav-item">
            <i class="fa-brands fa-discord"></i>
            <span>Giriş</span>
        </a>
    </nav>

<script>
(function(){
    var h=document.getElementById('navHamburger'),n=document.getElementById('navCenter');
    if(!h||!n)return;
    h.addEventListener('click',function(){
        var o=n.classList.contains('mobile-open');
        n.classList.toggle('mobile-open',!o);
        h.classList.toggle('active',!o);
        h.setAttribute('aria-expanded',o?'false':'true');
        document.body.style.overflow=o?'':'hidden';
    });
    n.querySelectorAll('a').forEach(function(a){
        a.addEventListener('click',function(){
            n.classList.remove('mobile-open');
            h.classList.remove('active');
            h.setAttribute('aria-expanded','false');
            document.body.style.overflow='';
        });
    });
    window.addEventListener('resize',function(){
        if(window.innerWidth>1024&&n.classList.contains('mobile-open')){
            n.classList.remove('mobile-open');
            h.classList.remove('active');
            h.setAttribute('aria-expanded','false');
            document.body.style.overflow='';
        }
    });
})();
</script>

    <section class="ddz-hero">
        <img src="assets/img/map.png" alt="" class="ddz-hero-map" aria-hidden="true" draggable="false">
        <div class="ddz-hero-inner">
            <div class="ddz-hero-left">
                <div class="ddz-hero-badge">
                    <span class="ddz-badge-dot"></span>
                    SEZON 2 AKTİF
                </div>

                <h1 class="ddz-hero-title">
                    <span class="ddz-title-main">DOOMDAYZ</span>
                    <span class="ddz-title-sub">ROLEPLAY <span class="ddz-title-accent">UNIVERSE</span></span>
                </h1>

                <div class="ddz-hero-divider"></div>

                <p class="ddz-hero-desc">
                    Sunucudaki karakterlerinizi, işlerinizi, mülklerinizi ve şehirdeki konumunuzu gerçek zamanlı olarak görüntüleyebileceğiniz interaktif kontrol paneli. Hikayeni yaz, kaderini belirle.
                </p>

                <div class="ddz-hero-actions">
                    <a href="dashboard.php" class="ddz-hero-btn ddz-hero-btn-primary">
                        <i class="fa-solid fa-bolt"></i>
                        <span>Panele Gir</span>
                    </a>
                    <a href="basvuru.php" class="ddz-hero-btn ddz-hero-btn-secondary">
                        <i class="fa-solid fa-scroll"></i>
                        <span>Başvuru Yap</span>
                    </a>
                </div>

                <div class="ddz-hero-stats">
                    <div class="ddz-hero-stat">
                        <span class="ddz-hero-stat-value">2024</span>
                        <span class="ddz-hero-stat-label">Kuruluş</span>
                    </div>
                    <div class="ddz-hero-stat">
                        <span class="ddz-hero-stat-value">S2</span>
                        <span class="ddz-hero-stat-label">Aktif Sezon</span>
                    </div>
                    <div class="ddz-hero-stat">
                        <span class="ddz-hero-stat-value">FiveM</span>
                        <span class="ddz-hero-stat-label">Platform</span>
                    </div>
                </div>
            </div>

            <div class="ddz-hero-right">

                <div class="ddz-yt-card" id="ddzYtCard">
                    <div class="ddz-yt-header">
                        <div class="ddz-yt-header-left">
                            <div class="ddz-yt-logo">
                                <img src="assets/img/Logo_PNG.webp" alt="DDZ">
                            </div>
                            <span class="ddz-yt-video-title">DoomDayZ Sezon 2 Teaser v0.1</span>
                        </div>
                        <div class="ddz-yt-badge">
                            <span class="ddz-yt-badge-dot"></span>
                            YENİ SEZON
                        </div>
                    </div>

                    <div class="ddz-yt-video-wrap" id="ddzYtVideoWrap" data-video-id="08p63FrL07I">

                        <img class="ddz-yt-thumbnail" id="ddzYtThumb"
                            src="https://img.youtube.com/vi/08p63FrL07I/maxresdefault.jpg"
                            alt="DoomDayZ Trailer Thumbnail"
                            loading="lazy">
                        <div class="ddz-yt-play-overlay" id="ddzYtPlayOverlay">
                            <div class="ddz-yt-play-btn">
                                <i class="fa-solid fa-play"></i>
                            </div>
                        </div>
                    </div>

                    <div class="ddz-yt-footer">
                        <span class="ddz-yt-footer-text">İzlemek için:</span>
                        <span class="ddz-yt-footer-brand">
                            <i class="fa-brands fa-youtube"></i>
                            YouTube
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="ddz-timeline" aria-label="DoomDayZ Zaman Çizelgesi">
        <div class="ddz-timeline-inner">
            <div class="ddz-timeline-label">TIMELINE</div>

            <div class="ddz-timeline-viewport" role="presentation">
                <div class="ddz-timeline-track" aria-hidden="true" data-ddz-timeline>
                    <div class="ddz-timeline-group" data-ddz-timeline-group>
                        <div class="ddz-timeline-item">
                            <span class="ddz-timeline-text">DDZ Sezon 1</span>
                            <span class="ddz-timeline-year">2024</span>
                        </div>
                        <div class="ddz-timeline-sep" aria-hidden="true"></div>
                        <div class="ddz-timeline-item">
                            <span class="ddz-timeline-text">Project : zeRo</span>
                            <span class="ddz-timeline-year">2025</span>
                        </div>
                        <div class="ddz-timeline-sep" aria-hidden="true"></div>
                        <div class="ddz-timeline-item">
                            <span class="ddz-timeline-text">NF Roleplay</span>
                            <span class="ddz-timeline-year">2023</span>
                        </div>
                        <div class="ddz-timeline-sep" aria-hidden="true"></div>
                        <div class="ddz-timeline-item">
                            <span class="ddz-timeline-text">DDZ Sezon 2</span>
                            <span class="ddz-timeline-year">2026</span>
                        </div>
                        <div class="ddz-timeline-sep" aria-hidden="true"></div>
                    </div>
                </div>

                <ul class="ddz-timeline-sr" aria-label="Timeline öğeleri">
                    <li>NF Roleplay - 2023</li>
                    <li>DDZ Sezon 1 - 2024</li>
                    <li>Project : zeRo - 2025</li>
                    <li>DDZ Sezon 2 - 2026</li>
                </ul>
            </div>
        </div>
    </section>


    <div class="modal-overlay" id="loginModal">
        <div class="modal glass-panel">
            <button class="close-btn" onclick="toggleLoginModal()"><i class="fa-solid fa-xmark"></i></button>
            <h2>DoomDayZ Ağına Bağlan</h2>
            <p>Karakter verilerinize erişmek için giriş yapın.</p>

            <a href="auth/discord_login.php" class="btn btn-discord full-width" style="text-decoration: none; display: flex; justify-content: center; align-items: center;">
                <i class="fa-brands fa-discord"></i> Discord ile Giriş Yap
            </a>

            <div class="modal-footer">
                Hesabın yok mu? <a href="#">Kayıt Ol</a>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script>
        (function() {
            var wrap = document.getElementById('ddzYtVideoWrap');
            var overlay = document.getElementById('ddzYtPlayOverlay');
            if (!wrap || !overlay) return;

            var videoId = wrap.getAttribute('data-video-id') || '';

            overlay.addEventListener('click', function() {
                if (!videoId || videoId === 'VIDEO_ID_BURAYA') {
                    window.open('https://youtube.com', '_blank');
                    return;
                }
                var iframe = document.createElement('iframe');
                iframe.src = 'https://www.youtube.com/embed/' + videoId + '?autoplay=1&rel=0&modestbranding=1';
                iframe.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture';
                iframe.allowFullscreen = true;
                wrap.innerHTML = '';
                wrap.appendChild(iframe);
            });
        })();


        (function() {
            var card = document.getElementById('ddzYtCard');
            if (!card) return;


            var baseRotY = -8;
            var baseRotX = 4;

            var maxTilt = 12;

            var rafId = null;
            var currentX = baseRotY;
            var currentY = baseRotX;
            var targetX = baseRotY;
            var targetY = baseRotX;
            var isHovering = false;

            function lerp(a, b, t) {
                return a + (b - a) * t;
            }

            function animate() {
                currentX = lerp(currentX, targetX, 0.08);
                currentY = lerp(currentY, targetY, 0.08);
                card.style.transform = 'rotateY(' + currentX + 'deg) rotateX(' + currentY + 'deg) scale(' + (isHovering ? 1.02 : 1) + ')';
                rafId = requestAnimationFrame(animate);
            }

            card.addEventListener('mouseenter', function() {
                isHovering = true;
                if (!rafId) animate();
            });

            card.addEventListener('mousemove', function(e) {
                var rect = card.getBoundingClientRect();

                var nx = ((e.clientX - rect.left) / rect.width - 0.5) * 2;
                var ny = ((e.clientY - rect.top) / rect.height - 0.5) * 2;

                targetX = baseRotY + nx * maxTilt;
                targetY = baseRotX - ny * maxTilt;
            });

            card.addEventListener('mouseleave', function() {
                isHovering = false;

                targetX = baseRotY;
                targetY = baseRotX;

                setTimeout(function() {
                    if (!isHovering && Math.abs(currentX - baseRotY) < 0.5 && Math.abs(currentY - baseRotX) < 0.5) {
                        if (rafId) {
                            cancelAnimationFrame(rafId);
                            rafId = null;
                        }
                        card.style.transform = 'rotateY(' + baseRotY + 'deg) rotateX(' + baseRotX + 'deg) scale(1)';
                    }
                }, 600);
            });
        })();
    </script>

    
<footer class="ddz-footer">
    <div class="footer-glow"></div>
    <div class="footer-border"></div>
    
    <div class="footer-content">
        <div class="footer-grid">
            
            <div class="footer-brand">
                <a href="index.php" class="footer-logo-link">
                    <img src="assets/img/Logo_PNG.webp" alt="DoomDayZ" class="footer-logo-img">
                </a>
                <p class="footer-tagline">Hayatta kal. Adapte ol. Hükmet.</p>
                <div class="footer-socials">
                    <a href="https://discord.gg/ddz" target="_blank" title="Discord"><i class="fa-brands fa-discord"></i></a>
                    <a href="#" target="_blank" title="YouTube"><i class="fa-brands fa-youtube"></i></a>
                    <a href="#" target="_blank" title="TikTok"><i class="fa-brands fa-tiktok"></i></a>
                </div>
            </div>

            
            <div class="footer-col">
                <h4>Hızlı Erişim</h4>
                <ul>
                    <li><a href="index.php">Anasayfa</a></li>
                    <li><a href="basvuru.php">Başvurular</a></li>
                    <li><a href="community.php">Topluluk</a></li>
                    <li><a href="birlikler.php">Birlikler</a></li>
                    <li><a href="hikaye.php">Hikaye Tahtası</a></li>
                </ul>
            </div>

            
            <div class="footer-col">
                <h4>Kaynaklar</h4>
                <ul>
                    <li><a href="kurallar.php">Kurallar</a></li>
                    <li><a href="sss.php">SSS</a></li>
                
                </ul>
            </div>

            
            <div class="footer-col">
                <h4>Sunucu</h4>
                <div class="footer-status">
                    <div class="footer-status-dot"></div>
                    <span>DoomDayZ Aktif</span>
                </div>
                <p class="footer-server-ip">FiveM ile bağlanın</p>
            </div>
        </div>

        <div class="footer-bottom">
            <span>&copy; 2026 Doom Community. Tüm hakları saklıdır.</span>
            <span class="footer-credit">for legal inquiries hello@alesta.dev | also developed by alesta & sanriqa</span>
        </div>
    </div>
</footer>
</body>

</html>