:root {
        --navy-3d-top: #00509d;
        --navy-3d-bottom: #002855;
        --navy-gelap: #00122e;
        --gold-border: #ffd700;
        --gold-text: #ffc107;
    }

    .prediksi-container {
        max-width: 600px;
        margin: 15px auto;
        background: var(--navy-gelap);
        border-radius: 12px;
        overflow: hidden;
        border: 3px solid var(--gold-border);
        font-family: 'Segoe UI', Roboto, Arial, sans-serif;
        box-shadow: 0 10px 30px rgba(0,0,0,0.6), 0 0 15px rgba(255, 215, 0, 0.3);
    }

    /* Header: Merah Menyala, Konten Center, Logo di Kiri Teks */
    .table-header {
        background: linear-gradient(rgba(255, 0, 0, 0.95), rgba(180, 0, 0, 1)), 
                    url('https://warnapaito.online');
        background-size: cover;
        background-position: center;
        padding: 20px 15px;
        display: flex;
        justify-content: center; /* Membuat seluruh konten di tengah */
        align-items: center;     /* Rata tengah secara vertikal */
        border-bottom: 3px solid var(--gold-border);
    }

    .header-content {
        display: flex;
        align-items: center;
        text-align: left; /* Teks rata kiri terhadap logo, tapi bloknya di center */
    }

    .logo-img {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        margin-right: 15px; /* Jarak antara logo dan teks */
        border: 2px solid var(--gold-border);
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

    .header-title h2 { 
        color: #ffffff; 
        margin: 0; 
        font-size: 1.6rem; 
        font-weight: 900; 
        text-transform: uppercase;
        line-height: 1.1;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
    }

    .header-title span { 
        color: #ffffff; 
        font-size: 0.9rem; 
        font-weight: 600; 
        text-transform: uppercase;
        opacity: 0.9;
    }
    
    .info-bar {
        background: #000;
        padding: 5px 10px; 
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 2px solid var(--gold-border);
    }

    #tanggal-display {
        font-size: 1.8rem; 
        font-weight: 900;   
        color: #ffffff;
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        letter-spacing: 2px;
        margin: 0;
    }

    .status-badge { 
        background: #28a745; 
        color: #fff; 
        padding: 1px 10px; 
        border-radius: 10px; 
        font-size: 0.7rem; 
        font-weight: bold;
        margin-top: 2px;
    }

    table { width: 100%; border-collapse: collapse; }
    .kategori {
        background: linear-gradient(180deg, var(--navy-3d-top) 0%, var(--navy-3d-bottom) 100%);
        color: #fff;
        padding: 10px 15px;
        width: 35%;
        font-weight: bold;
        font-size: 0.85rem;
        text-transform: uppercase;
        border-right: 2px solid var(--gold-border);
        box-shadow: inset 0 1px 3px rgba(255,255,255,0.3);
    }
    .angka {
        background: var(--navy-gelap);
        padding: 10px 15px;
        color: var(--gold-text); 
        font-weight: 800;
        font-size: 1.15rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #003366;
    }
    .btn-copy { background: #0056b3; border: 1px solid var(--gold-border); color: #fff; padding: 4px; border-radius: 4px; cursor: pointer; display: flex;}
    
    /* Styling SEO BIG TOTO */
    .seo-section { font-family: 'Segoe UI', Arial, sans-serif; padding: 20px; background: #00122e; color: #ffffff; border-radius: 10px; margin: 20px auto; max-width: 800px; }
    
    /* Judul Biru Muda Cerah */
    .seo-section h1, .seo-section h2, .seo-section h3 { color: #00d4ff; text-transform: uppercase; font-weight: 800; }
    .seo-section h1 { font-size: 2rem; text-align: center; border-bottom: 2px solid #ff0000; padding-bottom: 10px; }
    
    /* Aksen Merah Strong */
    .strong-red { color: #ff0000; font-weight: bold; text-shadow: 1px 1px 2px #000; }
    
    .seo-description { line-height: 1.8; text-align: justify; font-size: 1rem; color: #ffffff; }
    .seo-section h4 { color: #ffc107; border-left: 4px solid #ff0000; padding-left: 10px; margin-top: 25px; }