body { background-color: #f8fafc; color: #475569; font-family: sans-serif; }
        
        .page-header { background: rgba(255, 255, 255, 0.5); padding: 40px 0; border-bottom: 1px solid rgba(226, 232, 240, 0.6); margin-bottom: 40px; backdrop-filter: blur(5px); }
        
        /* Card Transparan Modern */
        .card { 
            background: rgba(255, 255, 255, 0.85); 
            backdrop-filter: blur(10px); 
            border-radius: 2px; 
            border: 1px solid rgba(226, 232, 240, 0.6); 
            transition: all 0.3s ease;
            height: 100%;
        }
        .card:hover { border-color: #c5a880; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
        
        .thumb-img { height: 200px; object-fit: cover; width: 100%; border-radius: 2px 2px 0 0; }
        
        .card-title a { color: #0f2042; text-decoration: none; font-weight: 700; font-size: 1.1rem; line-height: 1.3; }
        .card-title a:hover { color: #c5a880; }
        
        .card-text { font-size: 0.85rem; color: #64748b; line-height: 1.5; }