/* ============================================
   ULTRA PREMIUM STATS COUNTER SECTION
   ============================================ */

.stats-counter-premium {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    overflow: hidden;
}

/* Background */
.scp-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 0; }
.scp-bg-orb { position: absolute; border-radius: 50%; filter: blur(100px); opacity: 0.06; animation: scpOrbFloat 20s ease-in-out infinite; }
.scp-orb-1 { width: 500px; height: 500px; background: #2563eb; top: -100px; right: -150px; }
.scp-orb-2 { width: 400px; height: 400px; background: #7c3aed; bottom: -100px; left: -100px; animation-delay: -10s; }
.scp-bg-pattern {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(37,99,235,0.08) 0%, transparent 40%),
        radial-gradient(circle at 80% 20%, rgba(124,58,237,0.06) 0%, transparent 40%);
}
@keyframes scpOrbFloat { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(30px,-30px) scale(1.1); } }

/* Grid */
.scp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    position: relative; z-index: 1;
}
@media (max-width: 1200px) { .scp-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 992px) { .scp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .scp-grid { grid-template-columns: 1fr; } }

/* Card */
.scp-card {
    perspective: 1000px;
}
.scp-card-inner {
    background: rgba(30,41,59,0.7);
    backdrop-filter: blur(15px);
    border-radius: 24px;
    padding: 30px 24px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.06);
    transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
    display: flex;
    align-items: center;
    gap: 20px;
}
.scp-card-inner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    opacity: 0;
    transition: opacity 0.4s;
}
.scp-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    border-color: rgba(96,165,250,0.3);
}
.scp-card-inner:hover::before { opacity: 1; }
.scp-card-inner:hover .scp-icon { transform: scale(1.1) rotate(-5deg); }
.scp-card-inner:hover .scp-icon-ring { opacity: 1; transform: scale(1.3); }
.scp-card-inner:hover .scp-bg-icon { opacity: 0.06; transform: scale(1.2); }

/* Icon */
.scp-icon-wrapper { position: relative; flex-shrink: 0; }
.scp-icon {
    width: 65px; height: 65px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(37,99,235,0.2), rgba(124,58,237,0.2));
    display: flex; align-items: center; justify-content: center;
    font-size: 26px; color: #60a5fa;
    transition: all 0.4s; position: relative; z-index: 1;
}
.scp-icon-ring {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%) scale(1);
    width: 75px; height: 75px;
    border-radius: 50%;
    border: 2px solid rgba(96,165,250,0.3);
    opacity: 0; transition: all 0.4s; z-index: 0;
}

/* Content */
.scp-content { flex: 1; position: relative; z-index: 1; }
.scp-number {
    font-size: 2.4rem; font-weight: 800; color: #fff;
    font-family: 'Poppins', sans-serif; line-height: 1;
    margin-bottom: 4px; display: flex; align-items: baseline; gap: 2px;
}
.scp-suffix { font-size: 1rem; font-weight: 600; color: #60a5fa; }
.scp-label {
    font-size: 11px; color: #94a3b8; text-transform: uppercase;
    letter-spacing: 1px; font-weight: 600; margin-bottom: 8px;
}
.scp-trend {
    font-size: 11px; font-weight: 500; display: flex; align-items: center; gap: 4px;
}
.scp-trend.up { color: #4ade80; }
.scp-trend.down { color: #f87171; }

/* Background Icon */
.scp-bg-icon {
    position: absolute; right: -15px; bottom: -20px;
    font-size: 90px; color: #60a5fa;
    opacity: 0.03; transition: all 0.4s;
    pointer-events: none; z-index: 0;
}

/* Counter Animation */
.scp-counter {
    display: inline-block;
    transition: all 0.1s;
}

/* Responsive */
@media (max-width: 768px) {
    .stats-counter-premium { padding: 60px 0; }
    .scp-card-inner { padding: 22px 18px; gap: 14px; }
    .scp-icon { width: 50px; height: 50px; font-size: 20px; border-radius: 14px; }
    .scp-number { font-size: 1.8rem; }
    .scp-bg-icon { font-size: 60px; }
}