/* Theme Name: LuminaDark
Theme URI: Sohbet Teması
Author: By-SaHMaT
Author URI: #
Description: Sohbet teması
Version: 1.0  * Theme Name: Sahmat Tema
*/

/*----------------------------------------------------------------*/



 :root {
            --bg-body: #0a0b1c;
            --pink-grad: linear-gradient(90deg, #e91e63, #ff9800);
            --purple-glow: rgba(138, 43, 226, 0.4);
            --card-bg: rgba(255, 255, 255, 0.05);
            --border-color: rgba(255, 255, 255, 0.1);
            
            --pink-neon: #ff007a;
            --orange-neon: #ff8c00;
            --card-glass: rgba(255, 255, 255, 0.03);
            --border-light: rgba(255, 255, 255, 0.1);
        }

        body {
            background-color: var(--bg-body);
            color: #ffffff;
            font-family: 'Poppins', sans-serif;
            margin: 0;
            overflow-x: hidden;
            /* Arka plandaki renkli neon ışımalar */
            background-image: 
                radial-gradient(circle at 10% 20%, rgba(233, 30, 99, 0.15) 0%, transparent 40%),
                radial-gradient(circle at 90% 10%, rgba(138, 43, 226, 0.15) 0%, transparent 40%),
                radial-gradient(circle at 50% 50%, rgba(0, 188, 212, 0.05) 0%, transparent 50%);
        }

        /* --- NAVBAR --- */
   .navbar {
   
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); /* Safari desteği için */
    
    padding: 15px 0;
    margin-top: 10px;
    /* Radius Eklentileri */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    
    /* Modern görünüm için ek dokunuşlar */
    transition: all 0.3s ease-in-out;
  
}
        .navbar-brand { font-weight: 700; font-size: 24px; }
      
        .nav-link.active { background: linear-gradient(90deg, var(--pink-neon), var(--orange-neon)) !important; border-radius: 10px; }
        
    

/* Modern Giriş Paneli (SOLDA) */
        .login-card-modern {
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid var(--border-light);
            border-radius: 25px;
            padding: 35px;
            backdrop-filter: blur(20px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.5);
        }
        .login-card-modern h4 { font-weight: 700; margin-bottom: 25px; display: flex; align-items: center; }
        .form-control-custom {
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid var(--border-light);
            color: white;
            padding: 14px;
            border-radius: 12px;
            margin-bottom: 15px;
            transition: 0.3s;
        }
        .form-control-custom:focus {
            background: rgba(255,255,255,0.05);
            border-color: var(--pink-neon);
            box-shadow: 0 0 10px rgba(255, 0, 122, 0.2);
            color: white;
            outline: none;
        }
        .btn-submit-main {
            background: linear-gradient(90deg, var(--pink-neon), var(--orange-neon));
            border: none; border-radius: 12px; padding: 14px;
            color: white; font-weight: 700; width: 100%; transition: 0.3s;
        }
        .btn-submit-main:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(255, 0, 122, 0.4); }

        .extra-login-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
        .btn-sub-login {
            background: rgba(255,255,255,0.05); border: 1px solid var(--border-light);
            color: #ccc; border-radius: 10px; padding: 8px; font-size: 0.8rem;
            text-align: center; text-decoration: none; transition: 0.3s;
        }
        .btn-sub-login:hover { background: rgba(255,255,255,0.1); color: #fff; }

        /* Yazı Alanı (SAĞDA) */
        .hero-title { font-size: 3.5rem; font-weight: 800; line-height: 1.1; margin-bottom: 20px; text-align: right; }
        .hero-title span { color: var(--pink-neon); }
        .hero-desc { color: #94a3b8; font-size: 1.1rem; text-align: right; margin-bottom: 30px; }



        /* --- BLOG & APP GRID --- */
        .section-box {
            background: rgba(255,255,255,0.02);
            border: 1px solid var(--border-color);
            border-radius: 20px; padding: 30px; height: 100%;
        }
        .blog-item {
            display: flex; align-items: center; gap: 15px;
            padding: 12px; border-radius: 15px; margin-bottom: 10px;
            transition: 0.3s; cursor: pointer;
        }
        .blog-item:hover { background: rgba(255,255,255,0.05); }
        .blog-img { width: 50px; height: 50px; border-radius: 10px; object-fit: cover; }
        .blog-info h6 { margin: 0; font-size: 0.95rem; font-weight: 600; }
        .blog-meta { font-size: 0.75rem; color: #64748b; }

        .app-row {
            background: rgba(255,255,255,0.03); border: 1px solid var(--border-color);
            border-radius: 15px; padding: 15px; margin-bottom: 15px;
            display: flex; align-items: center; justify-content: space-between;
        }
.btn-app-action {
    /* Gradient geçişi ve arka plan */
    background: linear-gradient(90deg, var(--pink-neon), var(--orange-neon));
    
    /* Eksik noktalı virgül düzeltildi */
    border-radius: 8px; 
    padding: 5px 20px;
    
    /* Modern dokunuşlar: */
    color: white;              /* Yazı rengi */
    border: none;              /* Kenarlık kaldırıldı */
    cursor: pointer;           /* Tıklanabilir el ikonu */
    transition: transform 0.2s ease, opacity 0.2s; /* Hafif animasyon */
    font-weight: 600;          /* Yazı kalınlığı */
}

/* Hover (üzerine gelince) efekti eklemek isterseniz: */
.btn-app-action:hover {
    opacity: 0.9;
    transform: scale(1.05);    /* Hafif büyüme efekti */
}
        .btn-app-use { background: #0ea5e9; border: none; color: #fff; border-radius: 8px; padding: 5px 20px; }

        /* --- mIRC BANNER --- */
        .mirc-banner {
            background: linear-gradient(90deg, #db2777, #4f46e5);
            border-radius: 25px; padding: 50px; margin: 50px 0;
            display: flex; justify-content: space-between; align-items: center;
        }

  /* Şık Özellik Kartları */
        .feature-card-modern {
            background: var(--card-glass);
            border: 1px solid var(--border-light);
            border-radius: 20px; padding: 30px; text-align: center;
            transition: 0.4s; height: 100%;
        }
        .feature-card-modern:hover {
            background: rgba(255,255,255,0.07);
            border-color: var(--pink-neon);
            transform: translateY(-10px);
        }
        .icon-circle {
            width: 65px; height: 65px; background: rgba(255,0,122,0.1);
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            margin: 0 auto 20px; font-size: 1.5rem; color: var(--pink-neon);
            box-shadow: 0 0 20px rgba(255, 0, 122, 0.1);
        }

        /* Şık Partner Kartları */
        .partner-area {
            background: rgba(255,255,255,0.02);
            border-radius: 20px; padding: 25px; border: 1px solid var(--border-light);
        }
        .partner-card {
            background: rgba(255,255,255,0.05); border: 1px solid var(--border-light);
            border-radius: 12px; padding: 12px 20px; color: #94a3b8;
            font-weight: 600; text-decoration: none; transition: 0.3s;
            display: inline-flex; align-items: center; gap: 8px; margin: 5px;
        }
        .partner-card:hover { background: #fff; color: #000; }
        .partner-card i { color: var(--pink-neon); font-size: 0.8rem; }


        /* --- PARTNERS --- */
        .partner-btn {
            background: rgba(255,255,255,0.05); border: 1px solid var(--border-color);
            padding: 10px 25px; border-radius: 10px; color: #94a3b8;
            text-decoration: none; margin: 5px; font-weight: 500;
            display: inline-flex; align-items: center;
        }
        .partner-btn i { color: #ec4899; margin-right: 8px; font-size: 0.8rem; }

        /* --- FOOTER --- */
        footer { background: #060714; padding: 80px 0 20px; border-top: 1px solid var(--border-color); }
        .footer-title { font-weight: 700; color: white; margin-bottom: 25px; font-size: 1.1rem; }
        .footer-link { color: #94a3b8; text-decoration: none; display: block; margin-bottom: 12px; font-size: 0.9rem; transition: 0.3s; }
        .footer-link:hover { color: #fff; padding-left: 5px; }
        .social-icons a { color: #94a3b8; font-size: 1.2rem; margin-right: 20px; }

        /* MOBİL UYUMLULUK */
        @media (max-width: 991px) {
            .hero-title { font-size: 2.5rem; text-align: center; }
            .hero-text { text-align: center; margin: 20px auto; }
            .hero-btns { text-align: center; }
            .mic-container { margin: 40px 0; text-align: center; }
            .mirc-banner { flex-direction: column; text-align: center; gap: 30px; }
        }
        /* Sohbet Kartı Container */
.chat-container-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.msg-card {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    gap: 10px;
}

.msg-card.boy { justify-content: flex-end; } /* Erkek mesajı sağa yaslı */

.bubble {
    padding: 12px 20px;
    border-radius: 20px;
    max-width: 70%;
    font-size: 0.9rem;
}

.girl .bubble { background: #353b48; color: #ff9ff3; border-bottom-left-radius: 0; }
.boy .bubble { background: var(--pink-neon); color: white; border-bottom-right-radius: 0; }

.avatar { font-size: 2rem; color: #57606f; }
.girl .avatar { color: #ff9ff3; }
.boy .avatar { color: #54a0ff; }

.info-hero {
    background: linear-gradient(145deg, rgba(20, 22, 45, 0.8), rgba(10, 11, 28, 0.9));
    padding: 45px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 0, 128, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

/* Dekoratif parlayan köşe efekti */
.info-hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, var(--pink-neon), transparent);
}


.info-hero h2 {
    font-size: 2.5rem;
    background: linear-gradient(to right, #fff, #a0a0c0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem !important;
}

.info-hero p {
    font-size: 1.1rem;
    color: #94a3b8 !important;
    line-height: 1.7;
    margin-bottom: 25px;
}

.stats-pill {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    background: rgba(255, 0, 128, 0.1);
    border: 1px solid var(--pink-neon);
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    transition: 0.3s;
}

.stats-pill i {
    color: var(--pink-neon);
    animation: pulse-icon 2s infinite;
}

@keyframes pulse-icon {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* iconlar */
.mega-modern-scene {
    position: relative !important;
    display: block !important;
    height: 300px !important; /* İkonlar büyüdüğü için dikey alan 300px yapıldı */
    width: 100% !important;
    min-width: 320px;
    perspective: 1200px;
}

/* Dev Cam Küreler */
.mega-orbit {
    position: absolute !important;
    width: 95px !important;   /* Standart genişlik ciddi oranda büyütüldü */
    height: 95px !important;  /* Standart yükseklik ciddi oranda büyütüldü */
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 3rem !important; /* İkonların boyutu devasa yapıldı */
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35) !important;
}

/* Arkadaki Güçlü Neon Enerji Halkası */
.mega-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.2;
    animation: megaNeonWave 3.5s infinite ease-in-out;
}

/* BÜYÜTÜLMÜŞ ÖZEL KONUMLAR VE PARLAMA DEĞERLERİ */

/* 1. KALP */
.icon-1 {
    left: 2% !important;
    top: 8% !important;
    color: #ff3838 !important;
    text-shadow: 0 0 25px rgba(255, 56, 56, 0.9) !important;
    animation: megaFloat1 5.5s infinite ease-in-out !important;
}
.pulse-red { background: #ff3838; }

/* 2. GÜLÜMSEME (MERKEZDEKİ EN BÜYÜK LİDER İKON) */
.icon-2 {
    left: 38% !important;
    top: 32% !important;
    width: 115px !important; /* Merkez ikon dev boyutta */
    height: 115px !important;
    font-size: 3.6rem !important; /* İçindeki emoji büyüteç etkisi veriyor */
    color: #fff200 !important;
    text-shadow: 0 0 35px rgba(255, 242, 0, 1) !important;
    animation: megaFloat2 4.8s infinite ease-in-out !important;
    z-index: 10;
}
.pulse-yellow { background: #fff200; animation-delay: 0.4s; }

/* 3. SOHBET */
.icon-3 {
    right: 2% !important;
    bottom: 8% !important;
    color: #17c0eb !important;
    text-shadow: 0 0 25px rgba(23, 192, 235, 0.9) !important;
    animation: megaFloat3 6s infinite ease-in-out !important;
}
.pulse-cyan { background: #17c0eb; animation-delay: 0.8s; }

/* 4. YILDIZ */
.icon-4 {
    right: 8% !important;
    top: 12% !important;
    width: 80px !important;
    height: 80px !important;
    font-size: 2.4rem !important;
    color: #ff9f43 !important;
    text-shadow: 0 0 20px rgba(255, 159, 67, 0.8) !important;
    animation: megaFloat4 4.2s infinite ease-in-out !important;
}
.pulse-gold { background: #ff9f43; animation-delay: 0.2s; }

/* 5. ATEŞ */
.icon-5 {
    left: 10% !important;
    bottom: 12% !important;
    width: 80px !important;
    height: 80px !important;
    font-size: 2.4rem !important;
    color: #ff4d4d !important;
    text-shadow: 0 0 20px rgba(255, 77, 77, 0.8) !important;
    animation: megaFloat5 5s infinite ease-in-out !important;
}
.pulse-orange { background: #ff4d4d; animation-delay: 0.6s; }


/* DAHA BELİRGİN SÜZÜLME ANİMASYONLARI (Mesafe 22px'e çıkarıldı) */
@keyframes megaFloat1 {
    0%, 100% { transform: translateY(0) rotate(-12deg); }
    50% { transform: translateY(-22px) rotate(-5deg); }
}
@keyframes megaFloat2 {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-26px) scale(1.05); } /* Merkez daha esnek süzülür */
}
@keyframes megaFloat3 {
    0%, 100% { transform: translateY(0) rotate(15deg); }
    50% { transform: translateY(-22px) rotate(22deg); }
}
@keyframes megaFloat4 {
    0%, 100% { transform: translateY(0) rotate(8deg); }
    50% { transform: translateY(-24px) rotate(-4deg); }
}
@keyframes megaFloat5 {
    0%, 100% { transform: translateY(0) rotate(-18deg); }
    50% { transform: translateY(-20px) rotate(-10deg); }
}

/* Güçlendirilmiş Neon Dalgalanması */
@keyframes megaNeonWave {
    0%, 100% { transform: scale(1); opacity: 0.2; }
    50% { transform: scale(1.35); opacity: 0.4; }
}

/* Modern Hover Etkileşimi */
.mega-orbit:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 25px 50px rgba(255, 255, 255, 0.15) !important;
    transform: scale(1.1) !important;
    cursor: pointer;
}

    /* Arşiv Sayfası Tasarım Dili Eşitlemesi */
    
    /* Üst Başlık Alanı Kutusu */
    .archive-header-card {
        background: #0a0b1c;
       
        border-radius: 24px;
        padding: 32px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
    }

    /* Makale Listeleme Kartı */
    .modern-archive-card {
        background: #0a0b1c;
       
        border-radius: 24px; /* single.php ile aynı ana oval hat */
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
    }
    .modern-archive-card:hover {
        border-color: #cbd5e1;
        box-shadow: 0 16px 40px rgba(30, 41, 59, 0.08);
    }

    /* Başlık Linki */
    .custom-post-title {
        color: #bd07ce !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .custom-post-title:hover { 
        color: #e91e63 !important; /* single.php pembe tonu */
    }

    /* İkon Kutusu */
    .sidebar-icon-box {
        background: rgba(233, 30, 99, 0.06); /* single.php --primary-pink-soft */
        padding: 10px 14px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Devamını Oku Butonu */
    .custom-readmore-btn {
       background: #e91e63 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 14px !important;
        padding: 12px 28px !important;
        font-weight: 700 !important;
        font-size: 0.95rem;
        letter-spacing: 0.3px;
        transition: all 0.25s ease !important;
        box-shadow: 0 4px 12px rgba(233, 30, 99, 0.2) !important;
    }


    /* Sayfalama (Pagination) Tasarımı */
    .pagination .page-numbers {
        display: inline-block;
        padding: 8px 16px;
        margin: 0 4px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        color: #334155;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
    }
    .pagination .page-numbers.current, 
    .pagination .page-numbers:hover {
        background: rgba(233, 30, 99, 0.06);
        color: #e91e63;
        border-color: rgba(233, 30, 99, 0.15);
    }

    /* Yardımcı Sınıf */
    .text-pink { color: #e91e63 !important; }

.modern-archive-excerpt {
    line-height: 1.8 !important; 
    font-size: 1.05rem !important; 
    color: #ffffff !important; /* single.php ile aynı koyu füme tonu */
    opacity: 1 !important; /* Şeffaflık baskısı varsa yok eder */
    display: block !important;
    visibility: visible !important;
}



    /* Yardımcı Renk Sınıfı */
    .text-pink { color: #e91e63 !important; }

       /* Sol Alan: Makale Kartı */

    
    .boxed-article-card:hover {
        border-color: #cbd5e1;
        box-shadow: 0 16px 40px rgba(30, 41, 59, 0.08);
    }

    /* Görsel Çerçevesi */
    .boxed-img-wrapper {
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        overflow: hidden;
        position: relative;
    }
    .boxed-img-wrapper img {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .boxed-article-card:hover .boxed-img-wrapper img {
        transform: scale(1.02);
    }

    /* Meta Bilgi Çubuğu */
    .boxed-meta-bar {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 16px 24px;
        font-size: 0.9rem;
    }

    /* Makale İçeriği Tipografisi */
    .boxed-content {
        font-size: 1.15rem !important;
        line-height: 1.9 !important;
        color: #ffffff !important;
    }
    .boxed-content p {
        margin-bottom: 1.75rem;
    }
    .boxed-content h2, .boxed-content h3 {
        color: #1e293b;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    /* Etiketler (Modern Tasarım) */
    .modern-tag-link {
        background: #f8fafc;
        color: #64748b;
        border: 1px solid #e2e8f0;
        padding: 8px 16px;
        border-radius: 30px;
        font-size: 0.85rem;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .modern-tag-link:hover {
        color: #e91e63 !important;
        background: rgba(233, 30, 99, 0.06);
        border-color: rgba(233, 30, 99, 0.15);
        transform: translateY(-2px);
    }

    /* Yorum Alanı Kutusu */
    .comments-wrap-boxed {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 24px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .comments-wrap-boxed:hover {
        border-color: #cbd5e1;
        box-shadow: 0 16px 40px rgba(30, 41, 59, 0.08);
    }

    /* Yardımcı Sınıflar */
    .text-pink { color: #e91e63 !important; }

    /* Mobil Ekran Uyumluluğu */
    @media (max-width: 767px) {
        .boxed-article-card { 
            padding: 24px; 
            border-radius: 16px;
        }
        .boxed-meta-bar {
            padding: 12px 16px;
        }
        .boxed-content {
            font-size: 1.05rem !important;
        }
    }

        /* Sağ Sidebar Genel Kapsayıcı (Dıştaki gereksiz arka planları sıfırlar) */
    .sidebar-sag-wrapper {
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Ana Kart Yapısı (Şeffaf, modern ve hafif dokulu) */
    .sidebar-sag-card {
        background: rgba(0, 0, 0, 0.012) !important;
        border: 1px solid rgba(0, 0, 0, 0.06);
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 28px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .sidebar-sag-card:hover {
        border-color: rgba(233, 30, 99, 0.25);
        background: rgba(0, 0, 0, 0.02) !important;
    }

    /* Sağ Sidebar Başlık Alanı */
    .sidebar-sag-header {
        padding: 18px 20px;
        background: rgba(0, 0, 0, 0.02);
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
        position: relative;
    }
    
    /* Sol taraftaki estetik dikey pembe çizgi */
    .sidebar-sag-header::before {
        content: '';
        position: absolute;
        left: 0;
        top: 25%;
        height: 50%;
        width: 4px;
        background: #e91e63;
        border-radius: 0 4px 4px 0;
    }
    
    /* Başlık Yazı Stili */
    .sidebar-sag-header span {
        font-size: 0.88rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        color: #1e293b;
    }

    /* Başlık İkon Kutusu */
    .sidebar-sag-icon-box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.03);
        font-size: 1rem;
        transition: all 0.3s ease;
    }
    .sidebar-sag-card:hover .sidebar-sag-icon-box {
        background: rgba(233, 30, 99, 0.08);
    }

    /* Liste Satırları */
    .sidebar-sag-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 13px 20px;
        color: #334155 !important;
        text-decoration: none !important;
        font-size: 0.92rem;
        font-weight: 600;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        border-left: 3px solid transparent;
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .sidebar-sag-item:last-child {
        border-bottom: none;
    }
    .sidebar-sag-item:hover {
        background-color: rgba(233, 30, 99, 0.03);
        padding-left: 24px;
        border-left-color: #e91e63;
        color: #e91e63 !important;
    }

    /* İkon Geçişleri ve Efektleri */
    .sidebar-sag-item i.bi {
        transition: transform 0.25s ease, filter 0.25s ease;
    }
    .sidebar-sag-item:hover i.bi {
        transform: scale(1.12);
    }
    .sidebar-sag-item:hover i.text-info { filter: drop-shadow(0 0 4px rgba(0, 180, 216, 0.4)); }
    .sidebar-sag-item:hover i.text-pink { filter: drop-shadow(0 0 4px rgba(233, 30, 99, 0.4)); }
    .sidebar-sag-item:hover i.text-warning { filter: drop-shadow(0 0 4px rgba(255, 193, 7, 0.4)); }
    .sidebar-sag-item:hover i.text-success { filter: drop-shadow(0 0 4px rgba(40, 167, 69, 0.4)); }
    .sidebar-sag-item:hover i.text-danger { filter: drop-shadow(0 0 4px rgba(220, 53, 69, 0.4)); }
    .sidebar-sag-item:hover i.text-primary { filter: drop-shadow(0 0 4px rgba(0, 123, 255, 0.4)); }

    /* Sağ Kapsül Badge'ler */
    .sidebar-sag-badge-custom {
        font-size: 0.75rem;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 12px;
        background: rgba(0, 0, 0, 0.04);
        color: #64748b;
    }
    .sidebar-sag-badge-count {
        font-size: 0.75rem;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 12px;
        background: rgba(233, 30, 99, 0.07);
        color: #e91e63;
    }

    /* Otomatik Koyu Tema (Dark Mode) Desteği */
    @media (prefers-color-scheme: dark) {
        .sidebar-sag-card {
            border-color: rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.01) !important;
        }
        .sidebar-sag-header {
            background: rgba(255, 255, 255, 0.02);
            border-bottom-color: rgba(255, 255, 255, 0.04);
        }
        .sidebar-sag-header span { color: #f1f5f9; }
        .sidebar-sag-icon-box { background: rgba(255, 255, 255, 0.04); }
        .sidebar-sag-item {
            color: #cbd5e1 !important;
            border-bottom-color: rgba(255, 255, 255, 0.04);
        }
    }


.single {
    /* Kutunun genişliğinin padding yüzünden taşmasını engeller */
    box-sizing: border-box; 
    

    
    /* Mevcut şık tasarımların */

    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 0, 128, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;

    /* Mobil cihazlarda 45px çok geniş kalıp sola/sağa kaydırır, responsive yapıyoruz */
    padding: 45px;
}

/* Mobil cihazlar için kayma önlemi (Ekran küçükse iç boşluğu daraltır) */
@media (max-width: 768px) {
    .single {
        padding: 24px;
    }
}

/* Dekoratif parlayan köşe efekti */
.single::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, var(--pink-neon), transparent);
}




.sfooter {
    /* Kutunun genişliğinin padding yüzünden taşmasını engeller */
    box-sizing: border-box; 
    

    
    /* Mevcut şık tasarımların */

    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 0, 128, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;

    /* Mobil cihazlarda 45px çok geniş kalıp sola/sağa kaydırır, responsive yapıyoruz */
    padding: 45px;
}

/* Mobil cihazlar için kayma önlemi (Ekran küçükse iç boşluğu daraltır) */
@media (max-width: 768px) {
    .single {
        padding: 24px;
    }
}

/* Dekoratif parlayan köşe efekti */
.sfooter::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, var(--pink-neon), transparent);
}
/* =========================================================
   SAHMAT.NET NEON HOMEPAGE v1
   New homepage components - isolated under sm- classes
   ========================================================= */
:root{
  --sm-bg:#070817;
  --sm-card:#0d1022;
  --sm-card2:#11152b;
  --sm-border:rgba(130,146,255,.16);
  --sm-text:#f7f7ff;
  --sm-muted:#9ba4c6;
  --sm-pink:#ff0a91;
  --sm-purple:#7b3cff;
  --sm-blue:#4d8dff;
  --sm-orange:#ff7448;
}
html{scroll-behavior:smooth}
body{background:#070817!important;color:var(--sm-text)!important;font-family:'Poppins',sans-serif!important}
.sm-main{position:relative;overflow:hidden;background:
 radial-gradient(circle at 8% 9%,rgba(255,0,130,.12),transparent 25%),
 radial-gradient(circle at 90% 7%,rgba(76,57,255,.16),transparent 28%),
 linear-gradient(180deg,#080718 0%,#070817 100%)}
.sm-main:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,0,145,.035),transparent 30%,rgba(75,63,255,.04) 70%,transparent)}
.sm-container{width:min(1480px,calc(100% - 48px));margin-left:auto;margin-right:auto}

/* NAV */
.sm-header{position:relative;z-index:1000;background:rgba(6,7,19,.78);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.25)}
.sm-nav-wrap{min-height:76px;display:flex;align-items:center;gap:28px}
.sm-brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-size:22px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}
.sm-brand-icon{display:inline-flex;align-items:center;justify-content:center;color:#ff168e;font-size:24px;filter:drop-shadow(0 0 10px rgba(255,0,145,.35))}
.sm-nav{margin-left:auto;display:flex;align-items:center;gap:8px}
.sm-menu{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.sm-menu li{margin:0;padding:0}
.sm-menu li a{display:flex;align-items:center;gap:7px;color:#cbd0e8!important;text-decoration:none!important;padding:12px 13px;border-radius:10px;font-size:13px;font-weight:600;transition:.22s ease}
.sm-menu li a:hover,.sm-menu .current-menu-item>a{color:#fff!important;background:rgba(255,0,145,.08);box-shadow:inset 0 -2px 0 #ff0a91}
.sm-nav-cta{display:inline-flex;align-items:center;gap:8px;margin-left:10px;padding:12px 20px;border-radius:999px;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:13px;background:linear-gradient(135deg,#ff008b,#ff4e55);box-shadow:0 8px 28px rgba(255,0,125,.25)}
.sm-nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(255,0,125,.35)}
.sm-menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:22px}

/* HERO */
.sm-hero{position:relative;min-height:500px;padding:54px 0 34px;background:
 radial-gradient(circle at 28% 45%,rgba(255,0,140,.11),transparent 28%),
 radial-gradient(circle at 73% 45%,rgba(103,51,255,.12),transparent 35%)}
.sm-hero-grid{position:relative;display:grid;grid-template-columns:330px 250px minmax(0,1fr);align-items:center;gap:34px;min-height:475px}
.sm-hero-grid:after{content:"";position:absolute;right:0;top:-20px;width:47%;height:440px;background-image:linear-gradient(90deg,#080718 0%,rgba(8,7,24,.68) 12%,rgba(8,7,24,.05) 48%,rgba(8,7,24,.08) 100%),url('img/hero-chat.jpg');background-position:center;background-size:cover;border-radius:0 0 0 170px;opacity:.78;z-index:0;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,black 13%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 13%,black 100%)}
.sm-login-card{position:relative;z-index:2;background:linear-gradient(145deg,rgba(35,17,43,.92),rgba(12,13,31,.93));border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.45),0 0 34px rgba(255,0,145,.08);overflow:hidden}
.sm-login-card:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(145deg,#ff1495,rgba(86,91,255,.55),transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.sm-card-title{font-size:18px;font-weight:800;margin-bottom:18px;position:relative}.sm-card-title i{color:#ff27a0;margin-right:8px}
.sm-input-wrap{position:relative;display:flex;align-items:center;margin-bottom:11px}.sm-input-wrap>i:first-child{position:absolute;left:14px;color:#c9d0ec;z-index:1}.sm-input-wrap input{width:100%;height:43px;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:rgba(53,61,96,.6)!important;color:#fff!important;padding:0 40px!important;outline:0!important}.sm-input-wrap input::placeholder{color:#d5d9e8;opacity:.85}.sm-eye{position:absolute;right:13px;color:#b9c1dd}
.sm-login-btn{width:100%;height:46px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff008c,#ff5b45);color:#fff;font-weight:800;box-shadow:0 10px 25px rgba(255,0,128,.25);cursor:pointer;transition:.2s}.sm-login-btn:hover{transform:translateY(-2px)}
.sm-login-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.sm-login-options a{padding:9px 6px;border:1px solid rgba(126,144,255,.24);border-radius:9px;text-align:center;color:#c8cee5!important;text-decoration:none!important;font-size:11px;font-weight:600;background:rgba(20,25,52,.6)}
.sm-login-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font-size:10px;color:#8f97b8}.sm-login-bottom label{cursor:pointer}.sm-login-bottom input{accent-color:#ff0a91}.sm-login-bottom a{color:#9ea6c4!important;text-decoration:none!important}
.sm-hero-art{position:relative;z-index:3;height:300px}.sm-orbit{position:absolute;display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;font-size:29px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 20px rgba(255,255,255,.08),0 0 22px currentColor;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.sm-orbit-1{left:12px;top:28px;color:#ff424b;background:rgba(255,53,63,.18)}.sm-orbit-2{right:26px;top:45px;color:#ffb54a;background:rgba(255,173,61,.17)}.sm-orbit-3{left:88px;top:120px;width:94px;height:94px;color:#fff600;background:rgba(255,235,0,.16);font-size:35px}.sm-orbit-4{left:28px;bottom:25px;color:#ff5b52;background:rgba(255,75,75,.16)}.sm-orbit-5{right:15px;bottom:40px;color:#3edcff;background:rgba(34,203,255,.16)}
.sm-hero-copy{position:relative;z-index:3;max-width:620px;margin-left:auto}.sm-eyebrow{font-size:11px;letter-spacing:1px;color:#8f9abf;font-weight:700;margin-bottom:10px}.sm-hero-copy h1{font-size:clamp(40px,4.5vw,66px);line-height:1.02;letter-spacing:-2.6px;font-weight:900;margin:0 0 18px;color:#fff}.sm-hero-copy h1 span{color:#ff0b93;text-shadow:0 0 25px rgba(255,0,145,.18)}.sm-hero-copy p{max-width:600px;color:#b4bdd9;font-size:15px;line-height:1.7;margin:0 0 25px}.sm-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:12px;text-decoration:none!important;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer;transition:.22s}.sm-btn-primary{color:#fff!important;background:linear-gradient(135deg,#ff008f,#ff7544);box-shadow:0 12px 30px rgba(255,0,135,.22)}.sm-btn-outline{color:#fff!important;background:rgba(12,14,32,.65);border-color:rgba(255,255,255,.8)}.sm-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.sm-live-users{display:flex;align-items:center;gap:8px;margin-top:22px;color:#aeb7d5;font-size:12px}.sm-live-users strong{color:#fff}.sm-online-dot{width:8px;height:8px;background:#24df76;border-radius:50%;box-shadow:0 0 10px #24df76}.sm-avatar-stack{display:flex}.sm-avatar-stack b{width:28px;height:28px;border-radius:50%;margin-right:-7px;border:2px solid #0a0b1d;background:linear-gradient(145deg,#e3a48a,#6b6fcb)}.sm-avatar-stack b:nth-child(2){background:linear-gradient(145deg,#b77b57,#5a8ee9)}.sm-avatar-stack b:nth-child(3){background:linear-gradient(145deg,#7c5c43,#e38b9b)}.sm-avatar-stack b:nth-child(4){background:linear-gradient(145deg,#6c7f59,#c4b0d7)}

/* LOWER CONTENT */
.sm-pulse-section{display:grid;grid-template-columns:1fr 1.45fr 1.6fr;gap:14px;padding:14px 0 10px}.sm-pulse-card,.sm-chat-card,.sm-blog-card,.sm-app-card{background:linear-gradient(145deg,rgba(17,21,43,.95),rgba(8,11,27,.96));border:1px solid var(--sm-border);border-radius:17px;box-shadow:0 15px 45px rgba(0,0,0,.22);overflow:hidden}.sm-pulse-card{padding:28px}.sm-section-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sm-section-heading h2{font-size:22px;margin:0;font-weight:800;color:#fff}.sm-section-icon{font-size:23px;color:#ff159a}.sm-live-badge{margin-left:auto;color:#40e786;border:1px solid rgba(64,231,134,.45);background:rgba(64,231,134,.07);border-radius:999px;padding:4px 8px;font-size:10px}.sm-pulse-card>p{color:#b3bdd8;font-size:13px;line-height:1.7;margin:14px 0 16px}.sm-small-btn{min-height:42px;padding:0 18px;font-size:12px}.sm-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:25px -28px -28px;border-top:1px solid rgba(255,255,255,.06)}.sm-stats div{text-align:center;padding:18px 5px;border-right:1px solid rgba(255,255,255,.06)}.sm-stats div:last-child{border-right:0}.sm-stats i{display:block;color:#ff0a91;font-size:18px;margin-bottom:6px}.sm-stats strong{display:block;color:#fff;font-size:18px}.sm-stats small{color:#9ca6c5;font-size:9px}
.sm-chat-card{padding:15px 17px}.sm-chat-head{display:flex;justify-content:space-between;color:#cbd1e9;font-size:11px;padding:2px 2px 10px}.sm-chat-head i{color:#35e88a;font-size:7px}.sm-message{display:flex;gap:8px;margin:10px 0}.sm-message-left{align-items:flex-start}.sm-message-right{justify-content:flex-end;text-align:right}.sm-mini-avatar{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d58a72,#5f76db);color:#fff;font-size:11px;font-weight:800;flex:0 0 29px}.sm-message b{font-size:10px;color:#dbe0f2}.sm-message b small{font-weight:400;color:#69728f;margin-left:5px}.sm-message p{margin:4px 0 0;background:#202741;color:#e8ebf6;padding:8px 12px;border-radius:13px 13px 13px 3px;font-size:10px}.sm-message-right p{background:linear-gradient(135deg,#ff0093,#f33e9e);border-radius:13px 13px 3px 13px}.sm-message-right small{color:#7f8bab;font-size:8px}.sm-chat-input{height:38px;border-radius:12px;background:#171e3b;border:1px solid rgba(124,142,255,.18);color:#7883a7;font-size:10px;display:flex;align-items:center;padding:0 10px;margin-top:10px}.sm-chat-input i{margin-left:auto}.sm-chat-input span{width:32px;height:32px;border-radius:9px;background:#ff168f;color:#fff;display:flex;align-items:center;justify-content:center;margin-left:8px}
.sm-blog-card,.sm-app-card{padding:18px}.sm-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.sm-card-head h3{font-size:16px;margin:0;color:#fff;font-weight:800}.sm-card-head h3 i{color:#ff0a91;margin-right:7px}.sm-card-head a{font-size:10px;color:#63a8ff!important;text-decoration:none!important}.sm-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sm-post-card{background:#10162c;border:1px solid rgba(119,137,214,.15);border-radius:11px;overflow:hidden;min-width:0}.sm-post-image{display:block;height:105px;overflow:hidden}.sm-post-image img{width:100%;height:100%;object-fit:cover;display:block}.sm-post-body{padding:10px}.sm-post-cat{display:inline-block;font-size:8px;padding:3px 6px;border-radius:5px;background:#ff198e;color:#fff;font-weight:800}.sm-post-card:nth-child(2) .sm-post-cat{background:#ff7b16}.sm-post-card:nth-child(3) .sm-post-cat{background:#ff4a43}.sm-post-body h4{font-size:11px;line-height:1.35;margin:7px 0;color:#fff}.sm-post-body h4 a{color:#fff!important;text-decoration:none!important}.sm-post-meta{font-size:8px;color:#8f99b7}.sm-read-more{display:inline-block;margin-top:8px;color:#6da9ff!important;text-decoration:none!important;font-size:9px;font-weight:700}
.sm-app-lead{font-size:10px;color:#9fa8c5;line-height:1.6;margin:0 0 12px}.sm-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sm-app-item{display:flex;align-items:center;gap:8px;background:#10162c;border:1px solid rgba(119,137,214,.15);border-radius:10px;padding:10px}.sm-app-item:nth-child(3){grid-column:1/-1}.sm-app-icon{width:38px;height:38px;border-radius:9px;border:1px solid rgba(119,137,214,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 38px;background:#131a34}.sm-app-icon.android{color:#55dc74}.sm-app-icon.ios{color:#fff}.sm-app-icon.web{color:#4ea7ff}.sm-app-item div{min-width:0}.sm-app-item strong{display:block;font-size:10px;color:#fff}.sm-app-item small{display:block;color:#8993b2;font-size:8px;margin-top:2px}.sm-app-item a{margin-left:auto;color:#75aaff!important;text-decoration:none!important;border:1px solid rgba(91,139,255,.4);padding:5px 9px;border-radius:7px;font-size:8px;white-space:nowrap}

.sm-mirc-banner{margin-top:14px;margin-bottom:14px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:17px;background:linear-gradient(100deg,#e61d83 0%,#9d32cf 48%,#4d4be9 100%);box-shadow:0 16px 40px rgba(118,34,203,.18)}.sm-mirc-left{display:flex;align-items:center;gap:16px}.sm-mirc-left img{width:56px;height:56px;object-fit:contain}.sm-mirc-left h2{font-size:20px;margin:0 0 4px;color:#fff;font-weight:800}.sm-mirc-left p{margin:0;color:rgba(255,255,255,.78);font-size:10px;max-width:720px}.sm-mirc-btn{background:#fff;color:#171326!important;text-decoration:none!important;border-radius:11px;padding:11px 22px;font-size:11px;font-weight:800;white-space:nowrap}
.sm-features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:4px 0 45px}.sm-feature{display:flex;align-items:center;gap:12px;padding:17px;border-radius:15px;background:#0e1123;border:1px solid rgba(119,137,214,.14)}.sm-feature>span{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,0,145,.1);color:#ff0a91;font-size:18px;box-shadow:0 0 22px rgba(255,0,145,.12);flex:0 0 44px}.sm-feature strong{display:block;color:#fff;font-size:12px}.sm-feature small{display:block;color:#7f89a9;font-size:9px;margin-top:3px}
.sm-footer{background:#070817;border-top:1px solid rgba(255,255,255,.06);padding:18px 0 24px}.sm-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.sm-footer .sm-brand{font-size:16px}.sm-footer .sm-brand-icon{font-size:17px}.sm-footer small{display:block;color:#707995;font-size:9px;margin-top:4px}.sm-footer-links{display:flex;align-items:center;gap:18px}.sm-footer-links a{color:#8f98b5!important;text-decoration:none!important;font-size:10px}.sm-footer-menu{display:contents;list-style:none;margin:0;padding:0}.sm-footer-menu li{list-style:none}

@media(max-width:1100px){.sm-hero-grid{grid-template-columns:300px 170px minmax(0,1fr);gap:18px}.sm-pulse-section{grid-template-columns:1fr 1.3fr}.sm-blog-card,.sm-app-card{grid-column:auto}.sm-blog-card{grid-column:1/-1}.sm-app-card{grid-column:1/-1}.sm-hero-grid:after{width:58%;opacity:.45}}
@media(max-width:800px){.sm-container{width:min(100% - 28px,680px)}.sm-nav-wrap{min-height:65px}.sm-menu-toggle{display:block;margin-left:auto}.sm-nav{display:none;position:absolute;left:14px;right:14px;top:65px;background:#0b0d20;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.45);flex-direction:column;align-items:stretch}.sm-nav.is-open{display:flex}.sm-menu{flex-direction:column;align-items:stretch}.sm-menu li a{justify-content:flex-start}.sm-nav-cta{margin:5px 0 0;justify-content:center}.sm-hero{padding-top:30px}.sm-hero-grid{grid-template-columns:1fr;gap:22px;min-height:0}.sm-hero-grid:after{display:none}.sm-hero-art{order:2;height:180px;max-width:330px;margin:auto}.sm-hero-copy{order:1;text-align:center;margin:auto}.sm-login-card{order:3;max-width:430px;width:100%;margin:auto}.sm-hero-copy h1{font-size:42px;letter-spacing:-1.7px}.sm-hero-copy p{font-size:13px}.sm-hero-actions{justify-content:center}.sm-live-users{justify-content:center}.sm-pulse-section{grid-template-columns:1fr}.sm-blog-card,.sm-app-card{grid-column:auto}.sm-blog-grid{grid-template-columns:1fr}.sm-post-image{height:150px}.sm-app-grid{grid-template-columns:1fr}.sm-app-item:nth-child(3){grid-column:auto}.sm-mirc-banner{flex-direction:column;text-align:center}.sm-mirc-left{flex-direction:column}.sm-features{grid-template-columns:1fr 1fr}.sm-footer-inner{flex-direction:column;text-align:center}.sm-footer-links{flex-wrap:wrap;justify-content:center}}
@media(max-width:480px){.sm-features{grid-template-columns:1fr}.sm-login-options{grid-template-columns:1fr}.sm-login-bottom{font-size:9px}.sm-hero-copy h1{font-size:36px}.sm-orbit{transform:scale(.85)}.sm-orbit-3{left:72px}.sm-pulse-card{padding:20px}.sm-stats{margin-left:-20px;margin-right:-20px;margin-bottom:-20px}}

/* ===== SAHMAT PREMIUM V2 - built on the working Neon theme ===== */
.sm-login-subtitle{font-size:9px;color:#8e96b5;margin:-16px 0 15px 34px}
.sm-login-divider{position:relative;text-align:center;margin:14px 0;color:#6e7694;font-size:9px}
.sm-login-divider:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(255,255,255,.08)}
.sm-login-divider span{position:relative;background:#0c0b20;padding:0 10px}
.sm-free-register{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border:1px solid rgba(119,137,214,.45);border-radius:10px;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:800;background:rgba(15,20,45,.72);transition:.2s}
.sm-free-register:hover{border-color:#ff0a91;background:rgba(255,0,145,.08);transform:translateY(-1px)}
.sm-premium-hero{padding-top:32px;padding-bottom:18px;background:radial-gradient(circle at 70% 30%,rgba(112,40,255,.14),transparent 34%),radial-gradient(circle at 15% 50%,rgba(255,0,145,.11),transparent 35%)}
.sm-premium-hero .sm-hero-grid{grid-template-columns:340px minmax(430px,1fr) minmax(390px,520px);gap:28px;align-items:center;min-height:405px}
.sm-premium-hero .sm-login-card{width:100%;margin:0}
.sm-premium-hero .sm-hero-copy{max-width:none;margin:0;text-align:left}
.sm-premium-hero .sm-hero-copy h1{font-size:clamp(44px,4.2vw,72px);letter-spacing:-3.2px}
.sm-premium-hero .sm-hero-copy p{font-size:14px;max-width:670px}
.sm-hero-highlights{display:flex;flex-wrap:wrap;gap:12px;margin:-8px 0 19px;color:#aeb7d5;font-size:9px;font-weight:700}
.sm-hero-highlights span{white-space:nowrap}.sm-hero-highlights i{color:#ff0a91;margin-right:4px}
.sm-hero-visual{position:relative;min-width:0;height:380px;border-radius:18px;overflow:hidden;border:1px solid rgba(157,118,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 45px rgba(255,0,145,.08);background:#090a1a}
.sm-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.12) contrast(1.05)}
.sm-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,25,.18),transparent 55%),linear-gradient(0deg,rgba(5,5,18,.28),transparent 55%);pointer-events:none}
.sm-visual-note{position:absolute;right:18px;top:18px;z-index:2;text-align:right;color:#ff79cf;text-shadow:0 0 16px rgba(255,0,180,.4);font-size:15px;line-height:1.2;font-style:italic}
.sm-visual-note span{display:block;margin-top:185px;color:#fff;font-size:13px;line-height:1.55;text-shadow:0 2px 14px #000}
.sm-premium-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px 0 14px}
.sm-stat{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(105,124,220,.27);border-radius:14px;background:linear-gradient(145deg,rgba(16,20,45,.95),rgba(8,10,26,.96));box-shadow:0 12px 35px rgba(0,0,0,.16)}
.sm-stat>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,0,145,.11);color:#ff0a91;font-size:18px;flex:0 0 42px}
.sm-stat strong{display:block;color:#fff;font-size:17px;line-height:1}.sm-stat small{display:block;color:#8490b1;font-size:8px;margin-top:5px}
.sm-premium-content{display:grid;grid-template-columns:1.08fr 1fr 1.02fr;gap:14px;padding:0 0 14px}
.sm-rooms-card,.sm-premium-chat,.sm-radio-card,.sm-premium-blog{background:linear-gradient(145deg,rgba(16,21,46,.98),rgba(7,10,26,.98));border:1px solid rgba(105,124,220,.27);border-radius:17px;box-shadow:0 15px 45px rgba(0,0,0,.2);overflow:hidden}
.sm-rooms-card{padding:18px}.sm-room-list{margin-top:8px}
.sm-room{display:grid;grid-template-columns:38px minmax(0,1fr) auto 52px;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.sm-room:last-child{border-bottom:0}.sm-room-icon{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(45,173,255,.13);color:#38c8ff}.sm-room-icon.pink{color:#ff4cae;background:rgba(255,0,145,.12)}.sm-room-icon.blue{color:#79a8ff}.sm-room-icon.purple,.sm-room-icon.violet{color:#b87cff;background:rgba(137,76,255,.12)}.sm-room-icon.cyan{color:#35dce8}
.sm-room strong{display:block;color:#fff;font-size:10px}.sm-room small{display:block;color:#7f89a9;font-size:8px;margin-top:2px}.sm-room em{font-style:normal;color:#55e98a;font-size:9px;white-space:nowrap}.sm-room a{background:#ff0a91;color:#fff!important;text-decoration:none!important;border-radius:7px;padding:6px 8px;text-align:center;font-size:8px;font-weight:800}
.sm-premium-chat{padding:15px 17px}.sm-premium-chat .sm-chat-head strong{color:#26e47d;font-size:11px}.sm-premium-chat .sm-message{margin:13px 0}.sm-premium-chat .sm-mini-avatar.k{background:linear-gradient(135deg,#6477d9,#4a9de9)}.sm-premium-chat .sm-mini-avatar.a{background:#e85b58}.sm-premium-chat .sm-mini-avatar.d{background:#31b99a}.sm-premium-chat .sm-mini-avatar.e{background:#d28d73}
.sm-right-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.sm-radio-card{padding:16px}.sm-radio-inner{display:flex;align-items:center;gap:12px}.sm-radio-art{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:radial-gradient(circle at 40% 40%,#ff40ad,#8b2de5 70%);box-shadow:0 0 25px rgba(255,0,145,.24);flex:0 0 58px}.sm-radio-inner small{display:block;color:#7f89a9;font-size:8px}.sm-radio-inner strong{display:block;color:#fff;font-size:14px;margin-top:2px}.sm-radio-inner p{margin:4px 0 7px;color:#9aa5c3;font-size:9px}.sm-radio-play{border:0;width:28px;height:28px;border-radius:50%;background:#ff0a91;color:#fff;cursor:pointer}.sm-wave{display:inline-block;width:90px;height:15px;margin-left:8px;vertical-align:middle;background:repeating-linear-gradient(90deg,#ff2aa2 0 3px,transparent 3px 7px);opacity:.65;clip-path:polygon(0 55%,5% 30%,10% 70%,15% 15%,20% 80%,25% 45%,30% 65%,35% 20%,40% 80%,45% 40%,50% 60%,55% 25%,60% 75%,65% 35%,70% 70%,75% 15%,80% 75%,85% 35%,90% 65%,95% 20%,100% 55%)}
.sm-premium-blog{padding:16px}.sm-premium-blog .sm-blog-grid{gap:8px}.sm-premium-blog .sm-post-image{height:105px}.sm-premium-blog .sm-post-body h4{min-height:30px}.sm-premium-benefits{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:2px 0 14px}
.sm-premium-benefits>div{display:flex;align-items:center;gap:9px;padding:13px 10px;border-radius:14px;background:#0c1024;border:1px solid rgba(105,124,220,.2)}.sm-premium-benefits span{width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,0,145,.11);color:#ff0a91;flex:0 0 39px}.sm-premium-benefits strong{display:block;color:#fff;font-size:9px}.sm-premium-benefits small{display:block;color:#7d88a8;font-size:7px;margin-top:2px}
@media(max-width:1200px){
 .sm-premium-hero .sm-hero-grid{grid-template-columns:290px minmax(390px,1fr) minmax(300px,390px);gap:18px}
 .sm-premium-hero .sm-hero-copy h1{font-size:clamp(40px,4vw,58px)}
 .sm-premium-content{grid-template-columns:1fr 1fr}.sm-right-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr}.sm-premium-benefits{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
 .sm-premium-hero .sm-hero-grid{grid-template-columns:280px minmax(0,1fr);gap:18px}
 .sm-hero-visual{grid-column:2;grid-row:1;height:350px}.sm-premium-hero .sm-hero-copy{grid-column:2;grid-row:1;align-self:center;padding:20px;z-index:3;text-shadow:0 2px 12px #000}.sm-premium-hero .sm-login-card{grid-column:1;grid-row:1;z-index:5}.sm-premium-hero .sm-hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,25,.72),rgba(7,8,25,.05));z-index:1}
 .sm-premium-content{grid-template-columns:1fr}.sm-right-stack{grid-column:auto;display:grid;grid-template-columns:1fr 1.2fr}.sm-premium-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
 .sm-premium-hero .sm-hero-grid{grid-template-columns:1fr;gap:18px}.sm-premium-hero .sm-login-card,.sm-premium-hero .sm-hero-copy,.sm-hero-visual{grid-column:auto;grid-row:auto}.sm-premium-hero .sm-hero-copy{order:1;padding:0;text-align:center;text-shadow:none}.sm-premium-hero .sm-login-card{order:2}.sm-hero-visual{order:3;height:300px}.sm-premium-hero .sm-hero-copy h1{font-size:40px}.sm-hero-highlights{justify-content:center}.sm-hero-actions,.sm-live-users{justify-content:center}.sm-premium-stats{grid-template-columns:1fr 1fr}.sm-right-stack{display:flex}.sm-premium-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){.sm-premium-stats{grid-template-columns:1fr}.sm-premium-benefits{grid-template-columns:1fr}.sm-room{grid-template-columns:35px minmax(0,1fr) 48px}.sm-room em{display:none}.sm-premium-hero .sm-hero-copy h1{font-size:34px}}

/* Sahmat Reference Match v6.1 — cache-busted interaction/image fix */

/* Radio hero link: keep the anchor visually identical to the action button. */
.sm-hero-actions a.sm-btn { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }

/* HARD RADIO LINK FIX */
a.sahmat-direct-radio{position:relative!important;z-index:2147483647!important;pointer-events:auto!important;cursor:pointer!important;user-select:none!important}