/* 
www.cpawnproject.com
Bu Dizayn CPawnProject Ekibi Tarafından DamarGG.com Firması İçin Hazırlanmıştır.
Rev. : 31.01.2026
Author: CPawnProject.com
 */
        :root {
            --bg-dark: #0a0c0f;
            --cs-green: #4b5320;
            --cs-accent: #ffb400;
            --accent-blue: #00a3ff;
            --card-bg: #13171d;
            --text-main: #f0f0f0;
            --border-sharp: 1px solid #30363d;
        }

        body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            font-family: 'Rajdhani', sans-serif;
            letter-spacing: 0.5px;
        }

        /* --- Giriş Animasyonu --- */
        @keyframes scanline {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }

        .hero-section {
            background: linear-gradient(rgba(10,12,15,0.7), rgba(10,12,15,0.9)), 
                        url('https://wallpapercave.com/wp/wp2386105.jpg'); /* CS 1.6 Nostalji Arkaplan */
            background-size: cover;
            background-position: center;
            min-height: 80vh;
            border-bottom: 2px solid var(--cs-green);
        }

        /* Keskinlik Ayarları */
        h1, h2, h3, .btn {
            text-transform: uppercase;
            font-weight: 700;
        }

        .navbar-brand { font-size: 1.8rem; letter-spacing: 2px; }
        .text-info { color: var(--cs-accent) !important; }

        .server-card {
            border: 2px solid #222;
            height: 200px;
            background-size: cover;
            background-position: center;
            position: relative;
            overflow: hidden;
            transition: 0.4s;
            filter: grayscale(40%);
        }

        .server-card:hover {
            filter: grayscale(0%);
            border-color: var(--cs-accent);
            transform: scale(1.05);
        }

        .deathmatch { background-image: url('https://i.ytimg.com/vi/q8O6-tL7pY8/maxresdefault.jpg'); } /* Dust 2 Image */
        .retake { background-image: url('https://wallpapers.com/images/featured/counter-strike-1-6-m9p0m1v193k3g4r2.jpg'); }

        .overlay {
            background: rgba(0,0,0,0.6);
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: 0.3s;
        }

        .price-card {
            background: var(--card-bg);
            border-radius: 0px; /* Keskin köşeler */
            border-left: 4px solid var(--accent-blue);
            padding: 2rem;
            transition: all 0.3s;
        }

        .price-card:hover {
            background: #1c2128;
            box-shadow: 0 0 20px rgba(0, 163, 255, 0.2);
        }

        .features-list li {
            font-family: 'JetBrains Mono', monospace; /* Teknik font */
            font-size: 0.85rem;
            border-bottom: 1px solid #222;
            padding-bottom: 5px;
        }

        .btn-order {
            background: var(--accent-blue);
            color: #fff;
            border-radius: 0;
            padding: 10px;
            text-align: center;
            display: block;
            text-decoration: none;
            transition: 0.3s;
        }

        .btn-order:hover {
            background: #fff;
            color: #000;
        }

        .animate-entry {
            opacity: 0;
            animation: fadeInUp 0.8s ease-out forwards;
        }

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

        @media (max-width: 768px) {
            .hero-section { text-align: center; }
            .display-3 { font-size: 2.5rem; }
        }
		
.stat-box {
    background: #13171d;
    border: 1px solid #30363d;
    padding: 2.5rem 1.5rem;
    transition: all 0.4s ease;
    border-bottom: 4px solid transparent; /* Varsayılan şeffaf */
}

.stat-blue i { color: #00a3ff; }
.stat-blue { border-bottom-color: #00a3ff; }
.stat-blue:hover { box-shadow: 0 10px 20px rgba(0, 163, 255, 0.15); border-color: #00a3ff; }

.stat-gold i { color: #ffb400; }
.stat-gold { border-bottom-color: #ffb400; }
.stat-gold:hover { box-shadow: 0 10px 20px rgba(255, 180, 0, 0.15); border-color: #ffb400; }

.stat-red i { color: #f85149; }
.stat-red { border-bottom-color: #f85149; }
.stat-red:hover { box-shadow: 0 10px 20px rgba(248, 81, 73, 0.15); border-color: #f85149; }

.counter {
    font-family: 'JetBrains Mono', monospace;
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 5px;
}
.stat-box i {
    font-size: 3.5rem; 
    margin-bottom: 1.5rem;
    display: block; 
    transition: transform 0.3s ease;
}

.stat-box:hover i {
    transform: scale(1.1);
}

/* İkonlara Özel Parlama Efektleri */
.stat-blue i { 
    text-shadow: 0 0 15px rgba(0, 163, 255, 0.5); 
}
.stat-gold i { 
    text-shadow: 0 0 15px rgba(255, 180, 0, 0.5); 
}
.stat-red i { 
    text-shadow: 0 0 15px rgba(248, 81, 73, 0.5); 
}

@media (max-width: 768px) {
    .stat-box i {
        font-size: 2.8rem;
    }
}
/* Modern Ayraç Stili */
.section-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0; /* Üstten ve alttan boşluk */
    opacity: 0.6;
}

.section-divider .line {
    height: 2px;
    flex-grow: 1;
    background: linear-gradient(to right, transparent, #30363d, transparent);
}

.section-divider .diamond {
    width: 12px;
    height: 12px;
    background-color: var(--cs-accent); /* Turuncu/Sarı vurgu rengin */
    transform: rotate(45deg);
    margin: 0 20px;
    box-shadow: 0 0 10px var(--cs-accent);
    border: 2px solid #000;
}

.pricing-section h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}
.btn-order {
    text-decoration: none;
    padding: 12px;
    display: block;
    text-align: center;
    font-weight: 800;
    letter-spacing: 1px;
    transition: all 0.3s ease; /* Renk geçişini yumuşatır */
    border: none;
}

/* Mavi Buton ve Hover */
.btn-blue {
    background: #00a3ff;
    color: #fff;
}
.btn-blue:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 0 15px rgba(0, 163, 255, 0.5);
}

/* Gold/Sarı Buton ve Hover */
.btn-gold {
    background: var(--cs-accent); /* veya #ffb400 */
    color: #000;
}
.btn-gold:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 0 15px rgba(255, 180, 0, 0.5);
}

/* Kırmızı Buton ve Hover */
.btn-red {
    background: #f85149;
    color: #fff;
}
.btn-red:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 0 15px rgba(248, 81, 73, 0.5);
}

.why-choose-us {
    padding: 80px 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 2px;
}

.feature-card {
    background: #13171d;
    border: 1px solid #30363d;
    padding: 40px 30px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
}

/* Üzerine gelince kartın parlaması */
.feature-card:hover {
    border-color: var(--accent-blue);
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 163, 255, 0.1);
}

.icon-box {
    width: 80px;
    height: 80px;
    background: rgba(0, 163, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
    transition: 0.3s;
}

.icon-box i {
    font-size: 2rem;
    color: var(--accent-blue);
}

.feature-card:hover .icon-box {
    background: var(--accent-blue);
}

.feature-card:hover .icon-box i {
    color: #fff;
}

.feature-card h4 {
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.feature-card p {
    color: var(--text-dim);
    font-size: 0.95rem;
    line-height: 1.6;
}
.partners-section {
    padding: 60px 0;
    border-top: 1px solid #1f242b;
}

.partners-wrapper {
    text-align: center;
}

.partners-title {
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 40px;
    opacity: 0.5;
}

.partners-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}

.partner-item img {
    height: 40px;
    width: auto;
    filter: grayscale(100%) brightness(0.8);
    opacity: 0.6;
    transition: all 0.4s ease;
}

.partner-item:hover img {
    filter: grayscale(0%) brightness(1); 
    opacity: 1;
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .partners-grid {
        gap: 30px;
    }
    .partner-item img {
        height: 30px;
    }
}
.btn-admin-panel {
    background: transparent;
    color: #00ecff; /* Turkuaz/Neon Mavi */
    border: 1px solid #00ecff;
    padding: 10px 25px;
    font-size: 0.85rem;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
}

.btn-admin-panel:hover {
    background: #00ecff;
    color: #000;
    box-shadow: 0 0 20px rgba(0, 236, 255, 0.6);
}

.btn-admin-panel::after {
    content: '';
    width: 4px;
    height: 4px;
    background: #00ecff;
    margin-left: 10px;
    border-radius: 50%;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.btn-admin-panel i {
    font-size: 1rem;
}
/* Scrollbar Genişliği */
::-webkit-scrollbar {
    width: 8px; /* Dikey scroll genişliği */
    height: 8px; /* Yatay scroll yüksekliği */
}

/* Scrollbar Arkaplanı (Track) */
::-webkit-scrollbar-track {
    background: #0d1117;
    border-left: 1px solid #1f242b;
}

/* Kaydırma Çubuğu (Thumb) */
::-webkit-scrollbar-thumb {
    background: #30363d; /* Varsayılan koyu gri */
    border-radius: 0px;
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: #00a3ff;
    box-shadow: 0 0 10px rgba(0, 163, 255, 0.4);
}

/* Köşelerdeki birleşim noktası */
::-webkit-scrollbar-corner {
    background: #0d1117;
}

@supports (scrollbar-width: thin) {
    * {
        scrollbar-width: thin;
        scrollbar-color: #30363d #0d1117;
    }
}
/* Section Genel Ayarları */
.server-monitor-section {
    padding: 60px 0;
    background-color: #0d1117;
}

/* Başlık Stili */
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-left: 4px solid #00a3ff;
    padding-left: 15px;
}

.neon-text {
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 800;
    margin: 0;
    letter-spacing: 2px;
}

/* Durum Işığı */
.status-indicator {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: #00ff88;
    font-weight: bold;
}

.pulse-dot {
    height: 8px;
    width: 8px;
    background-color: #00ff88;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    box-shadow: 0 0 8px #00ff88;
    animation: pulse-green 2s infinite;
}

/* Iframe Çerçevesi - Keskin Hatlar */
.iframe-wrapper {
    border: 1px solid #30363d;
    background: rgba(22, 27, 34, 0.5);
    padding: 5px;
    position: relative;
}

.cs-iframe {
    width: 100%;
    min-height: 500px;
    border: none;
    display: block;
}

.iframe-footer {
    background: #161b22;
    padding: 10px 15px;
    border: 1px solid #30363d;
    border-top: none;
}

.iframe-footer p {
    margin: 0;
    color: #8b949e;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
}

/* Animasyon */
@keyframes pulse-green {
    0% { transform: scale(0.95); opacity: 0.7; }
    70% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.7; }
}