/* =========================================================
   CSS hasil ekstraksi dari blok <style> #15
   Nama file: 15-wraplink.css
   ========================================================= */

/* ==========================================================================
     THE ROYAL BLUE GOLD SUITE - CONTENT WRAPPER MATRIX (SEO PERFORMANCE)
     ========================================================================== */
                        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&family=Poppins:wght@400;600;700&display=swap');

                        /* Container Utama - Royal Cyber Edition */
                        .wraplinkalternatif {
                            position: relative !important;
                            width: 100% !important;
                            margin: 40px auto !important;
                            padding: 50px !important;

                            /* Background Deep Royal Blue Void Gradient */
                            background: radial-gradient(circle at 50% 0%, #000000 0%, #010813 100%) !important;

                            /* Border Emas Chrome dengan Opacity Pas */
                            border: 2px solid #5b0000 !important;
                            border-radius: 30px !important;
                            text-align: left !important;
                            font-family: 'Poppins', sans-serif !important;

                            /* Dual Layer Glow Shadow (Black & Cyber Blue Glow) */
                            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8),
                                0 0 20px rgba(30, 144, 255, 0.15) !important;
                            line-height: 1.9 !important;
                            overflow: hidden !important;
                            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
                            box-sizing: border-box !important;
                        }

                        /* Efek Hover Mengambang Lembut */
                        .wraplinkalternatif:hover {
                            transform: translateY(-5px) !important;
                            border-color: #ff0000 !important;
                            box-shadow: 0 35px 70px rgba(0, 0, 0, 0.9),
                                0 0 30px rgba(30, 144, 255, 0.25) !important;
                        }

                        /* Pendaran Energi Latar Belakang (Biru Cyber Soft) */
                        .wraplinkalternatif::before {
                            content: "" !important;
                            position: absolute !important;
                            top: -50% !important;
                            left: -50% !important;
                            width: 200% !important;
                            height: 200% !important;
                            background: radial-gradient(circle, rgba(0, 153, 255, 0.08) 0%, transparent 70%) !important;
                            pointer-events: none !important;
                            z-index: 0 !important;
                        }

                        /* Judul Artikel Utama - Chrome Gold Liquid Gradient */
                        .wraplinkalternatif h1,
                        h2,
                        .judul-wrapper-PECITOTO {
                            position: relative !important;
                            z-index: 1 !important;
                            margin-top: 20 !important;
                            margin-bottom: 35px !important;
                            font-size: 30px !important;
                            font-weight: 900 !important;
                            text-transform: uppercase !important;
                            letter-spacing: 2px !important;
                            text-align: center !important;
                            line-height: 1.3 !important;
                            font-family: 'Montserrat', sans-serif !important;

                            /* Gradasi Emas Krom Tajam */
                            background: linear-gradient(180deg, #5b0000 0%, #ff0000 50%, #5b0000 100%) !important;
                            -webkit-background-clip: text !important;
                            -webkit-text-fill-color: transparent !important;
                            background-clip: text !important;
                            filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7)) !important;
                        }

                        /* Area Teks Paragraf */
                        .wraplink {
                            color: #e2e8f0 !important;
                            /* Abu Kristal Lembut agar Dwell Time user lama */
                            font-size: 16px !important;
                            font-weight: 400 !important;
                            position: relative !important;
                            z-index: 1 !important;
                        }

                        .wraplink p {
                            margin-bottom: 25px !important;
                        }

                        /* Sub-Judul Tengah (H3) */
                        .wraplink h3 {
                            color: #ff0000 !important;
                            /* Kuning Emas */
                            font-family: 'Montserrat', sans-serif !important;
                            font-size: 20px !important;
                            font-weight: 800 !important;
                            margin-top: 15px !important;
                            margin-bottom: 10px !important;
                            text-align: center !important;
                            text-transform: uppercase !important;
                            letter-spacing: 1px !important;
                            border-bottom: 2px dashed rgba(212, 175, 55, 0.2) !important;
                            padding-bottom: 12px !important;
                        }

                        /* Bold Text Highlight */
                        .wraplink strong {
                            color: #ffffff !important;
                            font-weight: 700 !important;
                            text-shadow: 0 0 8px rgba(255, 255, 255, 0.15) !important;
                        }

                        /* List Struktur dengan Bullet Bintang */
                        .wraplink ul {
                            list-style: none !important;
                            padding-left: 0 !important;
                            margin: 30px 0 !important;
                        }

                        .wraplink li {
                            margin-bottom: 16px !important;
                            padding-left: 32px !important;
                            position: relative !important;
                            transition: all 0.3s ease !important;
                        }

                        /* Efek Geser Interaktif saat Teks List Disentuh */
                        .wraplink li:hover {
                            color: #ff0000 !important;
                            transform: translateX(6px) !important;
                        }

                        /* Custom Bullet Icon Bintang Emas Menyala */
                        .wraplink li::before {
                            content: "⭐" !important;
                            position: absolute !important;
                            left: 0 !important;
                            top: 1px !important;
                            font-size: 16px !important;
                            filter: drop-shadow(0 0 5px #ff0000) !important;
                        }

                        /* ===== MOBILE OPTIMIZATION MATRIX ===== */
                        @media (max-width: 768px) {
                            .wraplinkalternatif {
                                padding: 30px 20px !important;
                                margin: 25px 12px !important;
                                border-radius: 20px !important;
                            }

                            .wraplinkalternatif h2 {
                                font-size: 22px !important;
                                letter-spacing: 1px !important;
                            }

                            .wraplink h3 {
                                font-size: 18px !important;
                            }

                            .wraplink {
                                font-size: 14.5px !important;
                                line-height: 1.8 !important;
                            }
                        }